From 14676fd8b696a8aeec25c13064e2cb1a2de189e2 Mon Sep 17 00:00:00 2001
From: Chemotion <chemotion@ioc.kit.edu>
Date: Wed, 27 Sep 2017 15:19:21 +0200
Subject: [PATCH] Extending chemotion_ELN with Repository functions

In short:
- data submission feature added to user ELN page
- Review page for internal reviewing
- Public page to browse published sample/reaction data

Contributors:
Chia-Lin Lin
Pei-Chi Huang
Pierre Tremouilhac
---
 .env.development => .env.dev.example          |   37 +-
 .eslintrc                                     |    3 +-
 .gitignore                                    |   15 +
 Gemfile                                       |   10 +-
 Gemfile.lock                                  |   48 +-
 README.md                                     |   17 +-
 app/api/api.rb                                |    6 +-
 app/api/chemotion/article_api.rb              |  187 ++
 app/api/chemotion/collection_api.rb           |    6 +-
 app/api/chemotion/element_api.rb              |   24 +-
 app/api/chemotion/gate_api.rb                 |   36 +
 app/api/chemotion/literature_api.rb           |   55 +-
 app/api/chemotion/public_api.rb               |  481 +++-
 app/api/chemotion/reaction_api.rb             |    2 +-
 app/api/chemotion/report_api.rb               |   17 +
 app/api/chemotion/repository_api.rb           | 1025 ++++++++
 app/api/chemotion/sample_api.rb               |    2 +-
 app/api/chemotion/search_api.rb               |   99 +-
 app/api/chemotion/suggestion_api.rb           |    2 +
 app/api/chemotion/sync_collection_api.rb      |   20 +
 app/api/chemotion/user_api.rb                 |  130 +-
 app/api/entities/collaborator_entity.rb       |    6 +
 app/api/entities/collection_sync_entity.rb    |    3 +
 app/api/entities/container_entity.rb          |   16 +
 app/api/entities/doi_entity.rb                |    5 +
 app/api/entities/publication_entity.rb        |   24 +
 app/api/entities/reaction_entity.rb           |   21 +
 app/api/entities/sample_entity.rb             |    2 +
 app/api/entities/user_entity.rb               |   11 +
 app/api/helpers/collection_helpers.rb         |   32 +-
 app/api/helpers/report_helpers.rb             |    4 +
 app/api/helpers/repository_helpers.rb         |  123 +
 app/api/helpers/submission_helpers.rb         |   23 +
 app/assets/javascripts/admin/AdminHome.js     |    5 +-
 app/assets/javascripts/affiliations.js        |    1 -
 app/assets/javascripts/components.js          |    4 +
 .../components/CollectionSubtree.js           |   36 +-
 .../javascripts/components/CollectionTree.js  |  110 +-
 .../components/ContainerComponent.js          |    4 +-
 .../components/ContainerDataset.js            |    7 +-
 .../components/ContainerDatasets.js           |   10 +-
 .../components/DetailsTabLiteratures.js       |    2 +-
 .../components/DragDropItemTypes.js           |    1 +
 .../javascripts/components/ElementDetails.js  |    9 +
 .../components/ElementsTableEntries.js        |   13 +-
 .../components/ElementsTableSampleEntries.js  |    5 +
 app/assets/javascripts/components/List.js     |    5 +-
 .../components/LiteratureCommon.js            |   33 +-
 app/assets/javascripts/components/Material.js |   14 +-
 .../javascripts/components/MaterialGroup.js   |    3 +-
 .../javascripts/components/Navigation.js      |    5 +-
 .../javascripts/components/PubchemLabels.js   |    4 +-
 .../javascripts/components/PublishCommon.js   |  316 +++
 .../components/PublishReactionContainers.js   |  150 ++
 .../components/PublishReactionModal.js        |  839 ++++++
 .../components/PublishSampleModal.js          |  509 ++++
 .../javascripts/components/QuillEditor.js     |   16 +-
 .../javascripts/components/QuillViewer.js     |    1 -
 .../javascripts/components/ReactionDetails.js |  235 +-
 .../ReactionDetailsMainProperties.js          |   11 +-
 .../components/ReactionDetailsProperties.js   |   20 +-
 .../components/ReactionDetailsRepoComment.js  |   91 +
 .../components/ReactionDetailsScheme.js       |    4 +-
 .../javascripts/components/SampleDetails.js   |  161 +-
 .../components/SampleDetailsContainers.js     |   15 +-
 .../components/SampleDetailsContainersAux.js  |   85 +-
 .../components/SampleDetailsContainersCom.js  |    5 +-
 .../components/SampleDetailsRepoComment.js    |   92 +
 app/assets/javascripts/components/Switch.js   |   14 +-
 app/assets/javascripts/components/UserAuth.js |   28 +-
 .../javascripts/components/UserInfos.js       |    6 +-
 .../components/actions/PublicActions.js       |  394 +++
 .../components/actions/ReportActions.js       |    1 +
 .../components/actions/RepositoryActions.js   |   65 +
 .../components/actions/UserActions.js         |    7 +-
 .../components/common/DeleteConfirmBtn.js     |   53 +
 .../common/DropdownButtonSelection.js         |   38 +
 .../components/common/ImageModal.js           |   26 +-
 .../components/common/InputButtonField.js     |   62 +
 .../components/common/NewsPreviewModal.js     |   33 +
 .../components/common/RepoCommentBtn.js       |   57 +
 .../components/common/RepoCommentModal.js     |   94 +
 .../components/common/RepoMetadataModal.js    |   91 +
 .../components/common/RepoReviewModal.js      |  146 ++
 .../components/common/SelectionField.js       |   62 +
 .../contextActions/ContextActions.js          |    2 +-
 .../components/contextActions/CreateButton.js |    4 +-
 .../contextActions/ExportImportButton.js      |    4 +-
 .../contextActions/ModalExportCollection.js   |   20 +-
 .../components/contextActions/NoticeButton.js |    2 +
 .../contextActions/ReportUtilButton.js        |    6 +-
 .../components/fetchers/ArticleFetcher.js     |  111 +
 .../components/fetchers/LiteraturesFetcher.js |    6 +-
 .../components/fetchers/PublicFetcher.js      |  229 ++
 .../components/fetchers/ReactionsFetcher.js   |   11 +-
 .../components/fetchers/ReportsFetcher.js     |   19 +
 .../components/fetchers/RepositoryFetcher.js  |  382 +++
 .../components/fetchers/SamplesFetcher.js     |    9 +-
 .../components/fetchers/UsersFetcher.js       |   88 +
 .../managing_actions/ManagingActions.js       |    2 +
 .../ManagingModalCollectionActions.js         |    2 +-
 .../javascripts/components/models/Element.js  |    2 +-
 .../components/models/Literature.js           |    6 +-
 .../javascripts/components/models/Reaction.js |   26 +
 .../javascripts/components/models/Sample.js   |   15 +-
 .../javascripts/components/report/Config.js   |    5 +
 .../javascripts/components/report/Orders.js   |    4 +
 .../javascripts/components/report/Previews.js |   10 +
 .../components/report/SectionDoiList.js       |   89 +
 .../javascripts/components/report/Serials.js  |    4 +
 .../javascripts/components/report/Setting.js  |    2 +
 .../components/search/AutoCompleteInput.js    |   34 +-
 .../javascripts/components/search/Search.js   |    5 +-
 .../staticDropdownOptions/options.js          |   83 +
 .../components/stores/ElementStore.js         |   23 +-
 .../components/stores/LoadingStore.js         |    5 +
 .../components/stores/PublicStore.js          |  425 +++
 .../components/stores/ReportStore.js          |    5 +
 .../javascripts/components/stores/UIStore.js  |    7 +
 .../components/stores/UserStore.js            |    2 +-
 .../components/users/AuthorModal.js           |  516 ++++
 .../components/utils/ElementUtils.js          |   63 +
 .../utils/defaultAnalysisPublish.js           |   52 +
 .../javascripts/libHome/ContainerComponent.js |   98 +
 app/assets/javascripts/libHome/Home.js        |  133 +-
 app/assets/javascripts/libHome/NavFooter.js   |   24 +
 app/assets/javascripts/libHome/NavHead.js     |   31 +-
 app/assets/javascripts/libHome/Navigation.js  |  136 +
 app/assets/javascripts/libHome/RepoAbout.js   |  164 ++
 app/assets/javascripts/libHome/RepoCommon.js  | 2302 +++++++++++++++++
 app/assets/javascripts/libHome/RepoContact.js |   43 +
 .../libHome/RepoContainerDatasets.js          |   79 +
 .../javascripts/libHome/RepoDirective.js      |   41 +
 .../javascripts/libHome/RepoElementDetails.js |   70 +
 app/assets/javascripts/libHome/RepoEmbargo.js |  278 ++
 .../javascripts/libHome/RepoEmbargoDetails.js |   47 +
 app/assets/javascripts/libHome/RepoHome.js    |  476 ++++
 app/assets/javascripts/libHome/RepoHowTo.js   |  177 ++
 .../libHome/RepoHowTo/EditorBtn.js            |   67 +
 .../libHome/RepoHowTo/EditorImage.js          |   43 +
 .../libHome/RepoHowTo/EditorRichText.js       |   30 +
 .../libHome/RepoHowTo/EditorStelle.js         |   84 +
 .../libHome/RepoHowToDragSource.js            |   21 +
 .../libHome/RepoHowToDropTarget.js            |   41 +
 .../javascripts/libHome/RepoHowToEditor.js    |  435 ++++
 .../javascripts/libHome/RepoHowToReader.js    |  124 +
 .../javascripts/libHome/RepoNewsEditor.js     |  427 +++
 .../javascripts/libHome/RepoNewsReader.js     |  123 +
 .../javascripts/libHome/RepoNewsroom.js       |  186 ++
 app/assets/javascripts/libHome/RepoPubl.js    |  713 +++++
 .../libHome/RepoReactionDetails.js            |  556 ++++
 .../libHome/RepoReactionSchemeInfo.js         |   87 +
 app/assets/javascripts/libHome/RepoReview.js  |  236 ++
 .../libHome/RepoReviewButtonBar.js            |  129 +
 .../javascripts/libHome/RepoReviewCommon.js   |   98 +
 .../javascripts/libHome/RepoReviewDetails.js  |   76 +
 app/assets/javascripts/libHome/RepoSample.js  |  150 ++
 .../javascripts/libHome/RepoSampleDetails.js  |  236 ++
 app/assets/javascripts/libHome/homeRoutes.js  |  219 ++
 app/assets/stylesheets/application.scss.erb   |   81 +
 app/assets/stylesheets/collection_tree.css    |    4 +
 app/assets/stylesheets/common.scss            |  141 +-
 app/assets/stylesheets/elements_details.css   |   19 +-
 app/assets/stylesheets/elements_table.scss    |   54 +-
 app/assets/stylesheets/flexbox.css            |  156 ++
 app/assets/stylesheets/home.scss              |   23 +
 app/assets/stylesheets/howto.scss             |  111 +
 app/assets/stylesheets/navigation.scss        |   11 +
 app/assets/stylesheets/news.scss              |  282 ++
 app/assets/stylesheets/newsroom.css           |  607 +++++
 app/assets/stylesheets/quill_viewer.scss      |    7 +
 app/assets/stylesheets/reaction.scss          |    4 +
 app/assets/stylesheets/repo_home.scss         |  231 ++
 app/assets/stylesheets/search.scss            |    4 +
 app/assets/stylesheets/switch.scss            |   85 +
 app/controllers/application_controller.rb     |   12 +-
 app/controllers/pages_controller.rb           |   26 +-
 .../users/registrations_controller.rb         |    1 -
 app/jobs/chemotion_embargo_pubchem_job.rb     |  111 +
 app/jobs/chemotion_repo_publishing_job.rb     |  159 ++
 app/jobs/chemotion_repo_reviewing_job.rb      |  114 +
 app/jobs/pubchem_sid_job.rb                   |   16 +
 app/mailers/publication_mailer.rb             |  246 ++
 app/models/affiliation.rb                     |    7 +-
 app/models/anonymous.rb                       |   50 +
 app/models/attachment.rb                      |    6 +
 app/models/channel.rb                         |    3 +
 app/models/collaborator.rb                    |   52 +
 app/models/collection.rb                      |   41 +
 app/models/concerns/publishing.rb             |  228 ++
 app/models/concerns/reaction_rinchi.rb        |   26 +-
 app/models/concerns/taggable.rb               |    2 +-
 app/models/container.rb                       |   57 +-
 app/models/doi.rb                             |  172 ++
 app/models/literature.rb                      |    3 +-
 app/models/publication.rb                     |  597 +++++
 app/models/publication_authors.rb             |   14 +
 app/models/publication_ontologies.rb          |   15 +
 app/models/reaction.rb                        |    9 +-
 app/models/reactions_product_sample.rb        |   21 +-
 .../reactions_purification_solvent_sample.rb  |   21 +-
 app/models/reactions_reactant_sample.rb       |   21 +-
 app/models/reactions_sample.rb                |   21 +-
 app/models/reactions_solvent_sample.rb        |   21 +-
 .../reactions_starting_material_sample.rb     |   21 +-
 app/models/report.rb                          |    4 +
 app/models/sample.rb                          |   31 +-
 app/models/user.rb                            |  107 +-
 app/models/users_collaborator.rb              |   11 +
 .../datacite_metadata_analysis.html.erb       |   67 +
 .../datacite_metadata_container.html.erb      |   64 +
 .../datacite_metadata_reaction.html.erb       |   70 +
 ...acite_metadata_reaction_container.html.erb |   64 +
 app/publish/datacite_metadata_sample.html.erb |   71 +
 ...atacite_metadata_sample_container.html.erb |   64 +
 app/publish/pubchem_metadata.sdf.erb          |   17 +
 app/search/all_element_search.rb              |   42 +-
 app/serializers/container_serializer.rb       |   20 +-
 .../molecule_guest_list_serializer.rb         |    4 +
 app/serializers/molecule_guest_serializer.rb  |    4 +
 .../reaction_guest_list_serializer.rb         |    3 +
 app/serializers/sample_policy_serializable.rb |    9 +-
 .../sync_collection_remote_serializer.rb      |   12 +-
 app/views/devise/sessions/new.html.haml       |    2 +-
 .../devise/shared/_affiliations.html.haml     |   10 +-
 app/views/devise/shared/_pn_and_tos.html.haml |    7 +
 app/views/layouts/root_layout.haml            |   12 +
 .../_privacy_notice_and_terms_of_service.html |  226 ++
 app/views/pages/affiliations.haml             |    2 -
 app/views/pages/directive.html.haml           |    5 +
 app/views/pages/{welcome.haml => mydb.haml}   |    1 -
 app/views/pages/profiles.haml                 |    2 +-
 app/views/pages/root_page.html.erb            |  184 ++
 app/views/pages/settings.haml                 |    2 +-
 app/views/pages/tokens.haml                   |   33 +
 .../mail_accepted_request.html.haml           |    4 +
 .../mail_declined_request.html.haml           |    8 +
 .../mail_external_review.html.haml            |    7 +
 .../mail_publish_approval.html.haml           |    5 +
 .../mail_publish_embargo_release.html.haml    |    3 +
 .../mail_reviewed_request.html.haml           |   12 +
 .../mail_reviewing_request.html.haml          |    4 +
 app/views/users/registrations/edit.html.haml  |    2 +-
 app/views/users/registrations/new.html.haml   |    2 +-
 backup/models/deploy_backup.rb                |    4 +-
 config/application.rb                         |   12 +
 config/boot.rb                                |    1 +
 config/deploy.rb                              |    1 +
 config/environments/development.rb            |    9 +-
 config/initializers/delayed_job_config.rb     |   14 +-
 config/routes.rb                              |  127 +-
 config/schedule.rb                            |    4 +
 config/secrets.yml                            |    5 +-
 .../pub_reactions_by_molecule_v01.sql         |   10 +
 ...5_update_repository_user_layout_default.rb |    8 +
 .../20180822103306_create_table_dois.rb       |   21 +
 .../20180910075534_add_suffix_to_dois.rb      |    7 +
 db/migrate/20180910125250_migrate_dois.rb     |   68 +
 ...eate_function_pub_reactions_by_molecule.rb |    5 +
 ...ange_function_pub_reactions_by_molecule.rb |    5 +
 ...0181218120106_create_table_publications.rb |   16 +
 ...42_add_original_element_to_publications.rb |    6 +
 ...1219113234_add_ancestry_to_publications.rb |    6 +
 ...163816_add_metadata_xml_to_publications.rb |    5 +
 ...ync_collection_reaction_detail_level_10.rb |    5 +
 ...103165000_datafix_publication_reactions.rb |    8 +
 ...20190206142000_publication_notification.rb |   27 +
 ...211180200_add_published_at_publications.rb |   11 +
 .../20190211180800_add_review_publications.rb |    5 +
 ...28_create_default_reviewing_collections.rb |   20 +
 ...219100200_published_at_publications_fix.rb |    9 +
 ...e_default_element_to_review_collections.rb |   29 +
 ...default_element_to_reviewed_collections.rb |   25 +
 ...reate_embargoed_publication_collections.rb |   19 +
 .../20190617153000_convert_analysis_type.rb   |   57 -
 .../20190619153000_default_recent_profile.rb  |   25 -
 ...0190712090136_curate_profile_recent_owl.rb |   33 -
 ...190724105701_create_publication_authors.rb |    5 +
 .../20190724151800_default_ols_profile.rb     |   15 +
 .../20190726102700_map_analysis_type.rb       |   49 +
 .../20190726103900_map_profile_chmo_title.rb  |   39 +
 ...729086889_create_publication_ontologies.rb |    5 +
 ...191030161832_create_publication_statics.rb |    5 +
 ...191219000002_create_users_collaborators.rb |    8 +
 ...01_create_public_scheme_only_collection.rb |   19 +
 ...0001_add_reactions_samples_scheme_yield.rb |    5 +
 db/schema.rb                                  |  270 +-
 db/views/publication_authors_v01.sql          |    5 +
 db/views/publication_ontologies_v01.sql       |    8 +
 db/views/publication_statics_v01.sql          |   32 +
 lib/chemotion/open_babel_service.rb           |   13 +
 lib/chemotion/pubchem_service.rb              |    4 +
 lib/datacite.rb                               |   87 +
 lib/export/export_excel.rb                    |    3 +-
 lib/export/export_table.rb                    |    3 +-
 lib/import/import_json.rb                     |    2 +-
 lib/pub_chem.rb                               |   18 +
 lib/reporter/worker.rb                        |    2 +-
 lib/reporter/worker_doi_list.rb               |   34 +
 lib/reporter/xlsx/doi_list.rb                 |  121 +
 lib/svg/reaction_composer.rb                  |    1 +
 ...0180409000000_publication_tag_upgrade.rake |   45 +
 ...0180509000000_publication_tag_upgrade.rake |   47 +
 ...80618000000_publication_tag_upgrade_3.rake |   35 +
 .../ver_20190116155110_doi_migration.rake     |  133 +
 ...r_20190128000004_copy_image_to_public.rake |   18 +
 ...90225105803_manual_reject_publication.rake |   46 +
 .../data/ver_20190318_doodle_cleaning.rake    |   55 +
 lib/tasks/email_confirmation.rake             |    8 +
 lib/tasks/publication_tag.rake                |   75 +
 package-lock.json                             |  403 +--
 package.json                                  |    4 +-
 public/directives/.keep                       |    0
 public/directives/directives.html             |  226 ++
 public/howto/.keep                            |    0
 public/images/creative_common/cc-by-sa.svg    |  199 ++
 public/images/creative_common/cc-by.svg       |  155 ++
 public/images/creative_common/cc-zero.svg     |   98 +
 public/images/wild_card/pubchem_sid.svg       |   73 +
 public/newsroom/.keep                         |    0
 320 files changed, 24210 insertions(+), 830 deletions(-)
 rename .env.development => .env.dev.example (51%)
 create mode 100644 app/api/chemotion/article_api.rb
 create mode 100644 app/api/chemotion/repository_api.rb
 create mode 100644 app/api/entities/collaborator_entity.rb
 create mode 100644 app/api/entities/doi_entity.rb
 create mode 100644 app/api/entities/publication_entity.rb
 create mode 100644 app/api/entities/reaction_entity.rb
 create mode 100644 app/api/helpers/repository_helpers.rb
 create mode 100644 app/api/helpers/submission_helpers.rb
 create mode 100644 app/assets/javascripts/components/PublishCommon.js
 create mode 100644 app/assets/javascripts/components/PublishReactionContainers.js
 create mode 100644 app/assets/javascripts/components/PublishReactionModal.js
 create mode 100644 app/assets/javascripts/components/PublishSampleModal.js
 create mode 100644 app/assets/javascripts/components/ReactionDetailsRepoComment.js
 create mode 100644 app/assets/javascripts/components/SampleDetailsRepoComment.js
 create mode 100644 app/assets/javascripts/components/actions/PublicActions.js
 create mode 100644 app/assets/javascripts/components/actions/RepositoryActions.js
 create mode 100644 app/assets/javascripts/components/common/DeleteConfirmBtn.js
 create mode 100644 app/assets/javascripts/components/common/DropdownButtonSelection.js
 create mode 100644 app/assets/javascripts/components/common/InputButtonField.js
 create mode 100644 app/assets/javascripts/components/common/NewsPreviewModal.js
 create mode 100644 app/assets/javascripts/components/common/RepoCommentBtn.js
 create mode 100644 app/assets/javascripts/components/common/RepoCommentModal.js
 create mode 100644 app/assets/javascripts/components/common/RepoMetadataModal.js
 create mode 100644 app/assets/javascripts/components/common/RepoReviewModal.js
 create mode 100644 app/assets/javascripts/components/common/SelectionField.js
 create mode 100644 app/assets/javascripts/components/fetchers/ArticleFetcher.js
 create mode 100644 app/assets/javascripts/components/fetchers/PublicFetcher.js
 create mode 100644 app/assets/javascripts/components/fetchers/RepositoryFetcher.js
 create mode 100644 app/assets/javascripts/components/report/SectionDoiList.js
 create mode 100644 app/assets/javascripts/components/stores/PublicStore.js
 create mode 100644 app/assets/javascripts/components/users/AuthorModal.js
 create mode 100644 app/assets/javascripts/components/utils/defaultAnalysisPublish.js
 create mode 100644 app/assets/javascripts/libHome/ContainerComponent.js
 create mode 100644 app/assets/javascripts/libHome/NavFooter.js
 create mode 100644 app/assets/javascripts/libHome/Navigation.js
 create mode 100644 app/assets/javascripts/libHome/RepoAbout.js
 create mode 100644 app/assets/javascripts/libHome/RepoCommon.js
 create mode 100644 app/assets/javascripts/libHome/RepoContact.js
 create mode 100644 app/assets/javascripts/libHome/RepoContainerDatasets.js
 create mode 100644 app/assets/javascripts/libHome/RepoDirective.js
 create mode 100644 app/assets/javascripts/libHome/RepoElementDetails.js
 create mode 100644 app/assets/javascripts/libHome/RepoEmbargo.js
 create mode 100644 app/assets/javascripts/libHome/RepoEmbargoDetails.js
 create mode 100644 app/assets/javascripts/libHome/RepoHome.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowTo.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowTo/EditorBtn.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowTo/EditorImage.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowTo/EditorRichText.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowTo/EditorStelle.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowToDragSource.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowToDropTarget.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowToEditor.js
 create mode 100644 app/assets/javascripts/libHome/RepoHowToReader.js
 create mode 100644 app/assets/javascripts/libHome/RepoNewsEditor.js
 create mode 100644 app/assets/javascripts/libHome/RepoNewsReader.js
 create mode 100644 app/assets/javascripts/libHome/RepoNewsroom.js
 create mode 100644 app/assets/javascripts/libHome/RepoPubl.js
 create mode 100644 app/assets/javascripts/libHome/RepoReactionDetails.js
 create mode 100644 app/assets/javascripts/libHome/RepoReactionSchemeInfo.js
 create mode 100644 app/assets/javascripts/libHome/RepoReview.js
 create mode 100644 app/assets/javascripts/libHome/RepoReviewButtonBar.js
 create mode 100644 app/assets/javascripts/libHome/RepoReviewCommon.js
 create mode 100644 app/assets/javascripts/libHome/RepoReviewDetails.js
 create mode 100644 app/assets/javascripts/libHome/RepoSample.js
 create mode 100644 app/assets/javascripts/libHome/RepoSampleDetails.js
 create mode 100644 app/assets/javascripts/libHome/homeRoutes.js
 create mode 100644 app/assets/stylesheets/flexbox.css
 create mode 100644 app/assets/stylesheets/howto.scss
 create mode 100644 app/assets/stylesheets/news.scss
 create mode 100644 app/assets/stylesheets/newsroom.css
 create mode 100644 app/assets/stylesheets/repo_home.scss
 create mode 100644 app/jobs/chemotion_embargo_pubchem_job.rb
 create mode 100644 app/jobs/chemotion_repo_publishing_job.rb
 create mode 100644 app/jobs/chemotion_repo_reviewing_job.rb
 create mode 100644 app/jobs/pubchem_sid_job.rb
 create mode 100644 app/mailers/publication_mailer.rb
 create mode 100644 app/models/anonymous.rb
 create mode 100644 app/models/collaborator.rb
 create mode 100644 app/models/concerns/publishing.rb
 create mode 100644 app/models/doi.rb
 create mode 100644 app/models/publication.rb
 create mode 100644 app/models/publication_authors.rb
 create mode 100644 app/models/publication_ontologies.rb
 create mode 100644 app/models/users_collaborator.rb
 create mode 100644 app/publish/datacite_metadata_analysis.html.erb
 create mode 100644 app/publish/datacite_metadata_container.html.erb
 create mode 100644 app/publish/datacite_metadata_reaction.html.erb
 create mode 100644 app/publish/datacite_metadata_reaction_container.html.erb
 create mode 100644 app/publish/datacite_metadata_sample.html.erb
 create mode 100644 app/publish/datacite_metadata_sample_container.html.erb
 create mode 100644 app/publish/pubchem_metadata.sdf.erb
 create mode 100644 app/serializers/molecule_guest_list_serializer.rb
 create mode 100644 app/serializers/molecule_guest_serializer.rb
 create mode 100644 app/serializers/reaction_guest_list_serializer.rb
 create mode 100644 app/views/layouts/root_layout.haml
 create mode 100644 app/views/pages/_privacy_notice_and_terms_of_service.html
 create mode 100644 app/views/pages/directive.html.haml
 rename app/views/pages/{welcome.haml => mydb.haml} (97%)
 create mode 100644 app/views/pages/root_page.html.erb
 create mode 100644 app/views/pages/tokens.haml
 create mode 100644 app/views/publication_mailer/mail_accepted_request.html.haml
 create mode 100644 app/views/publication_mailer/mail_declined_request.html.haml
 create mode 100644 app/views/publication_mailer/mail_external_review.html.haml
 create mode 100644 app/views/publication_mailer/mail_publish_approval.html.haml
 create mode 100644 app/views/publication_mailer/mail_publish_embargo_release.html.haml
 create mode 100644 app/views/publication_mailer/mail_reviewed_request.html.haml
 create mode 100644 app/views/publication_mailer/mail_reviewing_request.html.haml
 create mode 100644 db/functions/pub_reactions_by_molecule_v01.sql
 create mode 100644 db/migrate/20170511144535_update_repository_user_layout_default.rb
 create mode 100644 db/migrate/20180822103306_create_table_dois.rb
 create mode 100644 db/migrate/20180910075534_add_suffix_to_dois.rb
 create mode 100644 db/migrate/20180910125250_migrate_dois.rb
 create mode 100644 db/migrate/20181030141057_create_function_pub_reactions_by_molecule.rb
 create mode 100644 db/migrate/20181218084857_change_function_pub_reactions_by_molecule.rb
 create mode 100644 db/migrate/20181218120106_create_table_publications.rb
 create mode 100644 db/migrate/20181218154642_add_original_element_to_publications.rb
 create mode 100644 db/migrate/20181219113234_add_ancestry_to_publications.rb
 create mode 100644 db/migrate/20181219163816_add_metadata_xml_to_publications.rb
 create mode 100644 db/migrate/20181221153800_sync_collection_reaction_detail_level_10.rb
 create mode 100644 db/migrate/20190103165000_datafix_publication_reactions.rb
 create mode 100644 db/migrate/20190206142000_publication_notification.rb
 create mode 100644 db/migrate/20190211180200_add_published_at_publications.rb
 create mode 100644 db/migrate/20190211180800_add_review_publications.rb
 create mode 100644 db/migrate/20190218122628_create_default_reviewing_collections.rb
 create mode 100644 db/migrate/20190219100200_published_at_publications_fix.rb
 create mode 100644 db/migrate/20190306085000_create_default_element_to_review_collections.rb
 create mode 100644 db/migrate/20190401141200_create_default_element_to_reviewed_collections.rb
 create mode 100644 db/migrate/20190410130000_create_embargoed_publication_collections.rb
 delete mode 100644 db/migrate/20190617153000_convert_analysis_type.rb
 delete mode 100644 db/migrate/20190619153000_default_recent_profile.rb
 delete mode 100644 db/migrate/20190712090136_curate_profile_recent_owl.rb
 create mode 100644 db/migrate/20190724105701_create_publication_authors.rb
 create mode 100644 db/migrate/20190724151800_default_ols_profile.rb
 create mode 100644 db/migrate/20190726102700_map_analysis_type.rb
 create mode 100644 db/migrate/20190726103900_map_profile_chmo_title.rb
 create mode 100644 db/migrate/20190729086889_create_publication_ontologies.rb
 create mode 100644 db/migrate/20191030161832_create_publication_statics.rb
 create mode 100644 db/migrate/20191219000002_create_users_collaborators.rb
 create mode 100644 db/migrate/20200203000001_create_public_scheme_only_collection.rb
 create mode 100644 db/migrate/20200210000001_add_reactions_samples_scheme_yield.rb
 create mode 100644 db/views/publication_authors_v01.sql
 create mode 100644 db/views/publication_ontologies_v01.sql
 create mode 100644 db/views/publication_statics_v01.sql
 create mode 100644 lib/datacite.rb
 create mode 100644 lib/reporter/worker_doi_list.rb
 create mode 100644 lib/reporter/xlsx/doi_list.rb
 create mode 100644 lib/tasks/data/ver_20180409000000_publication_tag_upgrade.rake
 create mode 100644 lib/tasks/data/ver_20180509000000_publication_tag_upgrade.rake
 create mode 100644 lib/tasks/data/ver_20180618000000_publication_tag_upgrade_3.rake
 create mode 100644 lib/tasks/data/ver_20190116155110_doi_migration.rake
 create mode 100644 lib/tasks/data/ver_20190128000004_copy_image_to_public.rake
 create mode 100644 lib/tasks/data/ver_20190225105803_manual_reject_publication.rake
 create mode 100644 lib/tasks/data/ver_20190318_doodle_cleaning.rake
 create mode 100644 lib/tasks/email_confirmation.rake
 create mode 100644 lib/tasks/publication_tag.rake
 create mode 100644 public/directives/.keep
 create mode 100644 public/directives/directives.html
 create mode 100644 public/howto/.keep
 create mode 100644 public/images/creative_common/cc-by-sa.svg
 create mode 100644 public/images/creative_common/cc-by.svg
 create mode 100644 public/images/creative_common/cc-zero.svg
 create mode 100644 public/images/wild_card/pubchem_sid.svg
 create mode 100644 public/newsroom/.keep

diff --git a/.env.development b/.env.dev.example
similarity index 51%
rename from .env.development
rename to .env.dev.example
index 864faef3f..373a8a7dd 100644
--- a/.env.development
+++ b/.env.dev.example
@@ -1,16 +1,7 @@
-SFTP_HOST=sftp
-SFTP_PORT=22
-SFTP_UPLOAD_FOLDER=uploads
-SFTP_USER=sftp_test
-SFTP_PASSWORD=sftp_test
-
 MESSAGE_ENABLE=false
 MESSAGE_AUTO_INTERNAL=6000
 MESSAGE_IDLE_TIME=12
 
-# JWT key for novnc target encryption
-NOVNC_SECRET='secret' 
-
 # Allow unconfirmed email: leave blank for always, or set a number of days (integer);
 # also set 0 to have email being confirmed before first sign in.
 DEVISE_ALLOW_UNCONFIRMED=''
@@ -22,3 +13,31 @@ DEVISE_DISABLED_SIGN_UP=''
 # Any new account to be inactive by default => only admin can (de)activate
 DEVISE_NEW_ACCOUNT_INACTIVE=false
 
+# email of the Repository user
+SYS_EMAIL='example@mail.net'
+
+# id of public collection
+PUBLIC_COLL_ID=0
+SCHEME_ONLY_REACTIONS_COLL_ID=0
+
+DOI_SYMBOL='DOI_SYMBOL'
+DOI_PWD='DOI_PWD'
+DOI_PREFIX='10.XXXX'
+DOI_DOMAIN='DOI.DOMA.IN'
+
+PUBCHEM_LOGIN='PUBCHEM_LOGIN'
+PUBCHEM_PASSWORD='PUBCHEM_PW'
+
+
+PUBLISH_MODE='staging'
+
+ARTICLE_PATH='public/newsroom/'
+
+# user ids of howto editors
+# HOWTO_EDITOR='1,2,3'
+
+# user ids of news editors
+# NEWSROOM_EDITOR='1,2,3'
+
+# user ids of reviewers
+# REVIEWERS='1,2,3'
diff --git a/.eslintrc b/.eslintrc
index bd8b60e9b..66d6863a7 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -11,6 +11,7 @@
   "rules": {
     "no-console": ["off"],
     "comma-dangle": [1,"only-multiline"],
-    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
+    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
+    "react/no-multi-comp": [0, { "ignoreStateless": true }]
   }
 }
diff --git a/.gitignore b/.gitignore
index fe9521dce..306dba27f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,6 +23,9 @@
 .coveralls.yml
 
 .env
+.env.development
+.env.test
+.env.production
 
 /config/mailcollector.yml
 /config/datamailcollector.yml
@@ -32,12 +35,19 @@
 !/config/data_collector_keys/.keep
 
 /config/database.yml
+/config/repository_database.yml
 /config/storage.yml
 /config/spectra.yml
 /config/editors.yml
 
 /node_modules
 
+/public/newsroom/*
+!/public/newsroom/.keep
+/public/howto/*
+!/public/howto/.keep
+
+!/public/images/molecules/.keep
 /public/images/molecules/*
 !/public/images/molecules/.keep
 
@@ -68,6 +78,7 @@
 /public/images/*
 !/public/images/wild_card/
 !/public/images/ghs/
+!/public/images/creative_common/
 
 /public/ontologies/*
 !/public/ontologies/.keep
@@ -77,6 +88,10 @@
 !/public/ontologies/rxno.default.json
 !/public/ontologies/rxno.default.edited.json
 
+/public/directives/*
+!/public/images/directives/.keep
+!/public/images/directives/directives.html
+
 /uploads/*
 !/public/attachments/.keep
 
diff --git a/Gemfile b/Gemfile
index 806d03831..fa8bcd37d 100644
--- a/Gemfile
+++ b/Gemfile
@@ -35,6 +35,8 @@ gem 'bibtex-ruby'
 # state machine
 gem 'aasm'
 
+gem 'bootsnap', require: false
+
 group :development do
   gem 'sdoc', '~> 0.4.0', group: :doc
 
@@ -91,6 +93,7 @@ gem 'kaminari-grape'
 gem "rdkit_chem", git: "https://github.com/CamAnNguyen/rdkit_chem"
 
 gem 'api-pagination'
+gem 'rack-cors'
 
 gem 'pundit'
 
@@ -150,8 +153,10 @@ gem 'coveralls', require: false
 # to compile from github/openbabel/openbabel master
 # gem 'openbabel', '2.4.1.2', git: 'https://github.com/ComPlat/openbabel-gem'
 # to compile from github/openbabel/openbabel branch openbabel-2-4-x
+# gem 'openbabel', '2.4.90.1', git: 'https://github.com/ComPlat/openbabel-gem'
 gem 'openbabel', '2.4.90.3', git: 'https://github.com/ComPlat/openbabel-gem.git', branch: 'hot-fix-svg'
 
+
 gem 'barby'
 gem 'prawn'
 gem 'prawn-svg'
@@ -163,13 +168,14 @@ gem 'swot', git: 'https://github.com/leereilly/swot.git', branch: 'master',
             ref: 'bfe392b4cd52f62fbc1d83156020275719783dd1'
 # gem 'gman', '~> 7.0.3'
 gem 'activejob-status'
+gem 'moneta'
 
 group :development, :test do
   gem 'binding_of_caller'
 
   gem 'annotate'
 
-  gem 'mailcatcher', '0.7.1'
+  # gem 'mailcatcher', '0.7.1'
 
   # Call 'byebug' anywhere in the code to stop execution
   # and get a debugger console
@@ -230,4 +236,6 @@ if File.exists?(eln_plugin)
   eval_gemfile eln_plugin
 end
 
+#gem 'reposit', git: 'git@git.scc.kit.edu:complat/reposit.git'
+
 ####
diff --git a/Gemfile.lock b/Gemfile.lock
index 93434ae4c..d0d2fc360 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -148,7 +148,7 @@ GEM
     api-pagination (4.8.2)
     arel (6.0.4)
     ast (2.4.0)
-    autoprefixer-rails (9.6.4)
+    autoprefixer-rails (9.7.6)
       execjs
     awesome_print (1.8.0)
     axiom-types (0.1.1)
@@ -164,10 +164,12 @@ GEM
       coderay (>= 1.0.0)
       erubi (>= 1.0.0)
       rack (>= 0.9.0)
-    bibtex-ruby (5.1.2)
+    bibtex-ruby (5.1.3)
       latex-decode (~> 0.0)
     binding_of_caller (0.8.0)
       debug_inspector (>= 0.0.1)
+    bootsnap (1.3.2)
+      msgpack (~> 1.0)
     bootstrap-kaminari-views (0.0.5)
       kaminari (>= 0.13)
       rails (>= 3.1)
@@ -239,7 +241,7 @@ GEM
     css_parser (1.7.0)
       addressable
     daemons (1.3.1)
-    database_cleaner (1.7.0)
+    database_cleaner (1.8.4)
     debug_inspector (0.0.3)
     delayed_cron_job (0.7.2)
       delayed_job (>= 4.1)
@@ -369,23 +371,14 @@ GEM
     latex-decode (0.3.1)
     launchy (2.4.3)
       addressable (~> 2.3)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
-    loofah (2.4.0)
+    listen (3.2.1)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    loofah (2.5.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.1)
       mini_mime (>= 0.1.1)
-    mailcatcher (0.7.1)
-      eventmachine (= 1.0.9.1)
-      mail (~> 2.3)
-      rack (~> 1.5)
-      sinatra (~> 1.2)
-      skinny (~> 0.2.3)
-      sqlite3 (~> 1.3)
-      thin (~> 1.5.0)
     memoist (0.16.0)
     memory_profiler (0.9.13)
     meta_request (0.7.0)
@@ -399,6 +392,8 @@ GEM
     mini_mime (1.0.2)
     mini_portile2 (2.4.0)
     minitest (5.12.2)
+    moneta (1.0.0)
+    msgpack (1.2.6)
     multi_json (1.13.1)
     multi_xml (0.6.0)
     multipart-post (2.1.0)
@@ -427,7 +422,7 @@ GEM
     parallel (1.17.0)
     paranoia (2.4.2)
       activerecord (>= 4.0, < 6.1)
-    parser (2.6.4.1)
+    parser (2.7.1.0)
       ast (~> 2.4.0)
     pdf-core (0.7.0)
     pg (0.20.0)
@@ -448,8 +443,7 @@ GEM
       rack (>= 0.4)
     rack-contrib (1.8.0)
       rack (~> 1.4)
-    rack-protection (1.5.5)
-      rack
+    rack-cors (1.0.2)
     rack-test (0.6.3)
       rack (>= 1.0)
     rails (4.2.11.1)
@@ -546,7 +540,7 @@ GEM
     safe_yaml (1.0.5)
     sassc (2.2.1)
       ffi (~> 1.9)
-    sassc-rails (2.1.1)
+    sassc-rails (2.1.2)
       railties (>= 4.0.0)
       sassc (>= 2.0)
       sprockets (> 3.0)
@@ -568,14 +562,7 @@ GEM
       json (>= 1.8, < 3)
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.2)
-    sinatra (1.4.8)
-      rack (~> 1.5)
-      rack-protection (~> 1.4)
-      tilt (>= 1.3, < 3)
     sixarm_ruby_unaccent (1.2.0)
-    skinny (0.2.4)
-      eventmachine (~> 1.0.0)
-      thin (>= 1.5, < 1.7)
     slackistrano (3.8.4)
       capistrano (>= 3.8.1)
     spring (2.0.2)
@@ -588,7 +575,6 @@ GEM
       actionpack (>= 4.0)
       activesupport (>= 4.0)
       sprockets (>= 3.0.0)
-    sqlite3 (1.4.1)
     sshkit (1.18.2)
       net-scp (>= 1.1.2)
       net-ssh (>= 2.8.0)
@@ -610,7 +596,7 @@ GEM
       parallel (~> 1.0)
       railties (>= 4)
       sprockets (~> 3.0)
-    tzinfo (1.2.5)
+    tzinfo (1.2.7)
       thread_safe (~> 0.1)
     uglifier (4.1.20)
       execjs (>= 0.3.0, < 3)
@@ -663,6 +649,7 @@ DEPENDENCIES
   better_errors
   bibtex-ruby
   binding_of_caller
+  bootsnap
   bootstrap-sass (~> 3.4.1)
   browserify-rails (~> 4.2.0)
   bullet
@@ -710,9 +697,9 @@ DEPENDENCIES
   kaminari-grape
   ketcherails (~> 0.1.6)!
   launchy (~> 2.4.3)
-  mailcatcher (= 0.7.1)
   memory_profiler
   meta_request
+  moneta
   net-sftp
   net-ssh
   nokogiri
@@ -724,6 +711,7 @@ DEPENDENCIES
   prawn
   prawn-svg
   pundit
+  rack-cors
   rack-mini-profiler!
   rails (= 4.2.11.1)
   rdkit_chem!
diff --git a/README.md b/README.md
index 601d4f852..c030b80c6 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
-# Chemotion Electronic Lab Notebook
+# Chemotion REPOSITORY
 
-An ELN for chemists!
+A repository for chemists based on chemotion ELN !
 
 ## Funding
 
@@ -9,7 +9,7 @@ This project has been funded by the  ![DFG](http://www.dfg.de/includes/images/df
 
 ## License
 
-Chemotion_ELN: an Electronic Lab Notebook for Chemists.
+Chemotion_REPOSITORY for Chemists.
 
 Copyright (C) 2015-current  Nicole Jung (nicole.jung(at)kit.edu) of the Karlsruhe Institute of Technology.
 
@@ -33,15 +33,4 @@ Copyright (C) 2015-current  Nicole Jung (nicole.jung(at)kit.edu) of the Karlsruh
 see [INSTALL.md][INSTALL]
 
 
-## Code Status
-
-[![DOI](https://zenodo.org/badge/DOI/10.5281/zenodo.1054134.svg)](https://doi.org/10.5281/zenodo.1054134)
-
-[![Build Status](https://travis-ci.org/ComPlat/chemotion_ELN.svg?branch=master)](https://travis-ci.org/ComPlat/chemotion_ELN)
-
-[![Coverage Status](https://coveralls.io/repos/github/ComPlat/chemotion_ELN/badge.svg)](https://coveralls.io/github/ComPlat/chemotion_ELN)
-
-
-
-
 [INSTALL]: INSTALL.md
diff --git a/app/api/api.rb b/app/api/api.rb
index 03b6fbad3..db6b63059 100644
--- a/app/api/api.rb
+++ b/app/api/api.rb
@@ -27,7 +27,9 @@ def is_public_request?
         '/api/v1/chemspectra/',
         '/api/v1/ketcher/layout',
         '/api/v1/gate/receiving',
-        '/api/v1/gate/ping'
+        '/api/v1/gate/ping',
+        '/api/v1/search/',
+        '/api/v1/suggestion'
       )
     end
 
@@ -125,4 +127,6 @@ def to_json_camel_case(val)
   mount Chemotion::EditorAPI
   mount Chemotion::UiAPI
   mount Chemotion::OlsTermsAPI
+  mount Chemotion::RepositoryAPI
+  mount Chemotion::ArticleAPI
 end
diff --git a/app/api/chemotion/article_api.rb b/app/api/chemotion/article_api.rb
new file mode 100644
index 000000000..73f78864d
--- /dev/null
+++ b/app/api/chemotion/article_api.rb
@@ -0,0 +1,187 @@
+require 'moneta'
+
+module Chemotion
+  class ArticleAPI < Grape::API
+    resource :articles do
+
+      helpers do
+        def resize_image(file, tmp_path, no_resize = false)
+          image = Magick::Image.read(file[:tempfile].path).first
+          image = image.resize_to_fit(400, 268) unless no_resize
+          image.format = 'png'
+
+          FileUtils.mkdir_p(tmp_path)
+          timg = Tempfile.new('image_', tmp_path)
+          timg.binmode
+          timg.write(image.to_blob)
+          timg.flush
+          { cover_image: File.basename(timg.path) || '' }
+        end
+
+        def store_image(params)
+          sourcepath = params[:public_path] + params[:pfad]
+          targetpath = params[:public_path] + params[:key] + '_' + params[:pfad]
+          FileUtils.cp(sourcepath, targetpath) if File.exist?(sourcepath)
+        end
+
+        def create_or_update_file(params)
+          key = params[:key]
+          public_path = params[:public_path]
+          FileUtils.mkdir_p(public_path)
+          store = Moneta.build do
+            use :Transformer, key: [:json], value: [:json]
+            adapter :File, dir: public_path
+          end
+          store_idx = store.key?('index.json') ? store['index.json'] : []
+          updated_file = (store_idx&.length > 0 && store_idx&.select{ |a| a['key'] == key }) || []
+          raise '401 Unauthorized' if updated_file&.length > 0 && updated_file[0]['creator_id'] != current_user.id
+          created_at = updated_file&.length > 0 ? updated_file[0]['created_at'] : Time.now
+          published_at = params[:published_at].blank? ? created_at : DateTime.parse(params[:published_at]).to_time
+          updated_at = params[:updated_at].blank? ? published_at : DateTime.parse(params[:updated_at]).to_time
+          key = updated_file&.length > 0 ? updated_file[0]['key'] : SecureRandom.uuid
+          store_idx.delete_if { |a| a['key'] == key }
+          filename = key + '_cover.png'
+          filepath = public_path + filename
+          cover_image = params[:cover_image]
+          if cover_image.present? && cover_image != filename
+            sourcepath = public_path + cover_image
+            FileUtils.cp(sourcepath, filepath) if File.exist? sourcepath
+          end
+          params[:article].each do |stelle|
+            next unless stelle['pfad'].present? && (!stelle['pfad'].include?(key))
+            store_image({public_path: public_path, key: key, pfad: stelle['pfad']})
+            stelle['pfad'] = key + '_' + stelle['pfad']
+          end
+          header = {
+            key: key,
+            title: params[:title],
+            cover_image: cover_image.present? ? filename : '',
+            creator_name: current_user.name,
+            creator_id: current_user.id,
+            created_at: created_at,
+            firstParagraph: params[:firstParagraph],
+            published_at: published_at,
+            updated_at: updated_at
+          }
+          store_idx.unshift(header)
+          store['index.json'] = store_idx
+          filestore = {
+            content: params[:content],
+            title: params[:title],
+            cover_image: cover_image.present? ? filename : '',
+            creator_name: current_user.name,
+            creator_id: current_user.id,
+            created_at: created_at,
+            firstParagraph: params[:firstParagraph],
+            published_at: published_at,
+            updated_at: updated_at,
+            article: params[:article],
+          }
+          store[key] = filestore
+          filestore
+        rescue StandardError => e
+          puts e
+            error!('401 Unauthorized. Please contact the author or administrator.', 401)
+        ensure
+          store&.close
+        end
+
+        def delete_file(key, public_path)
+          FileUtils.mkdir_p(public_path)
+          store = Moneta.build do
+            use :Transformer, key: [:json], value: [:json]
+            adapter :File, dir: public_path
+          end
+          store_idx = store.key?('index.json') ? store['index.json'] : []
+          error!('404 Not Found', 404) unless store.key?('index.json')
+          updated_file = (store_idx&.length > 0 && store_idx&.select{ |a| a['key'] == key }) || []
+          raise '401 Unauthorized' if updated_file&.length > 0 && updated_file[0]['creator_id'] != current_user.id
+
+          store_idx.delete_if { |a| a['key'] == key }
+          store['index.json'] = store_idx
+          FileUtils.rm_r(Dir.glob(public_path + key + '*'), force: true)
+          key
+        rescue StandardError => e
+          puts e
+          error!('401 Unauthorized. Please contact the author or administrator.', 401)
+        ensure
+          store&.close
+        end
+      end
+
+      desc 'Create or Update a news'
+      params do
+        optional :key, type: String, desc: 'key'
+        requires :title, type: String, desc: 'title'
+        optional :cover_image, type: String, desc: 'cover_image URL'
+        optional :content, type: Hash do
+          optional :ops, type: Array[Hash]
+        end
+        optional :firstParagraph, type: String, desc: 'first paragraph of content'
+        optional :published_at, type: String, desc: 'published date'
+        optional :updated_at, type: String, desc: 'updated date'
+        optional :article, type: Array, desc: 'full of content'
+      end
+
+      post 'create_or_update' do
+        error!('401 Unauthorized', 401) unless current_user&.is_article_editor
+        public_path = File.join((ENV['ARTICLE_PATH'] || 'public/newsroom/'))
+        create_or_update_file(params.deep_merge(public_path: public_path))
+      end
+
+      desc 'Create or Update a howto'
+      params do
+        optional :key, type: String, desc: 'howto key'
+        requires :title, type: String, desc: 'title'
+        optional :cover_image, type: String, desc: 'cover_image URL'
+        optional :content, type: Hash do
+          optional :ops, type: Array[Hash]
+        end
+        optional :firstParagraph, type: String, desc: 'first paragraph of content'
+        optional :published_at, type: String, desc: 'published date'
+        optional :updated_at, type: String, desc: 'updated date'
+        optional :article, type: Array, desc: 'full of content'
+      end
+      post :create_or_update_howto do
+        error!('401 Unauthorized', 401) unless current_user&.is_howto_editor
+        public_path = File.join((ENV['HOWTO_PATH'] || 'public/howto/'))
+        create_or_update_file(params.deep_merge(public_path: public_path))
+      end
+
+      desc 'Delete a howto'
+      params do
+        requires :key, type: String, desc: 'howto key'
+      end
+      before do
+        error!('401 Unauthorized', 401) unless current_user&.is_howto_editor
+      end
+      post 'delete_howto' do
+        delete_file(params[:key], File.join((ENV['HOWTO_PATH'] || 'public/howto/')))
+      end
+
+      desc 'Delete a news'
+      before do
+        error!('401 Unauthorized', 401) unless current_user&.is_article_editor
+      end
+      delete ':key' do
+        delete_file(params[:key], File.join((ENV['ARTICLE_PATH'] || 'public/newsroom/')))
+      end
+
+      desc 'Image section of Editor'
+      params do
+        requires :file, type: Array, desc: 'image file'
+        requires :editor_type, type: String, desc: 'howto editor or newsroom editor'
+      end
+      post 'editor_image' do
+        p_path = 'public/' + params[:editor_type] + '/'
+        e_path = ENV[params[:editor_type].upcase + '_PATH']
+        if params[:file]
+          img = resize_image(params[:file][0], File.join((e_path || p_path)), true)
+          { pfad_image: img[:cover_image], cover_image: img[:cover_image] }
+        else
+          { pfad_image: '', cover_image: '' }
+        end
+      end
+    end
+  end
+end
diff --git a/app/api/chemotion/collection_api.rb b/app/api/chemotion/collection_api.rb
index db4aec432..471ae7f4e 100644
--- a/app/api/chemotion/collection_api.rb
+++ b/app/api/chemotion/collection_api.rb
@@ -39,8 +39,12 @@ class CollectionAPI < Grape::API
 
       desc "Return all locked and unshared serialized collection roots of current user"
       get :locked do
-        current_user.collections.includes(:shared_users)
+        if (current_user.type == 'Anonymous')
+          []
+        else
+          current_user.collections.includes(:shared_users)
           .locked.unshared.roots.order('label ASC')
+        end
       end
 
       get_child = Proc.new do |children, collects|
diff --git a/app/api/chemotion/element_api.rb b/app/api/chemotion/element_api.rb
index 9a43bb30a..7687329b1 100644
--- a/app/api/chemotion/element_api.rb
+++ b/app/api/chemotion/element_api.rb
@@ -85,18 +85,32 @@ class ElementAPI < Grape::API
           .where(collections: { id: @collection.id }, reactions_samples: { reaction_id: deleted['reaction'] })
           .destroy_all.map(&:id)
 
+        sql_pub = "(element_id in (?) and element_type = 'Sample') or (element_id in (?) and element_type = 'Reaction')"
+        Publication.where(sql_pub, deleted['sample'], deleted['reaction'])
+                   .map(&:root).uniq.each do |e|
+          e.update_state(Publication::STATE_DECLINED)
+          e.proces_element(Publication::STATE_DECLINED)
+          e.inform_users(Publication::STATE_DECLINED, current_user.id)
+        end
         { selecteds: params[:selecteds].select { |sel| !deleted.fetch(sel['type'], []).include?(sel['id']) } }
       end
 
       desc "return selected elements from the list. (only samples an reactions)"
       post do
+
         selected = { 'samples' => [], 'reactions' => [] }
-        %w[sample reaction].each do |element|
-          next unless params[element][:checkedAll] || params[element][:checkedIds].present?
-          selected[element + 's'] = @collection.send(element + 's').by_ui_state(params[element]).map do |e|
-            ElementPermissionProxy.new(current_user, e, user_ids).serialized
-          end
+
+        @collection_ids = [@collection.id] + Collection.joins(:sync_collections_users)
+        .where('sync_collections_users.collection_id = collections.id and sync_collections_users.user_id = ?', current_user).references(:collections)&.pluck(:id)
+
+        selected['samples'] = Sample.joins(:collections_samples).where('collections_samples.collection_id in (?)',@collection_ids).by_ui_state(params['sample']).distinct.map do |e|
+          ElementPermissionProxy.new(current_user, e, user_ids).serialized
+        end
+
+        selected['reactions'] = Reaction.joins(:collections_reactions).where('collections_reactions.collection_id in (?)',@collection_ids).by_ui_state(params['reaction']).distinct.map do |e|
+          ElementPermissionProxy.new(current_user, e, user_ids).serialized
         end
+
         # TODO: fallback if sample are not in owned collection and currentCollection is missing
         # (case when cloning report)
         selected
diff --git a/app/api/chemotion/gate_api.rb b/app/api/chemotion/gate_api.rb
index 99c651242..0499e8f36 100644
--- a/app/api/chemotion/gate_api.rb
+++ b/app/api/chemotion/gate_api.rb
@@ -5,6 +5,7 @@ class UriHTTPType
       def self.parse(value)
         URI.parse value
       end
+
       def self.parsed?(value)
         value.is_a? URI::HTTP
       end
@@ -252,6 +253,41 @@ def self.parsed?(value)
           { jwt: token }
         end
       end
+
+      namespace :register_eln do
+        params do
+          requires :origin, type: UriHTTPType, desc: 'remote eln adress'
+        end
+
+        after_validation do
+          error!('401 Unauthorized - no ELN Gate collection', 401) unless (@collec = Collection.find_by(
+            user_id: current_user.id, is_locked: true, label: 'ELN Gate'
+          ))
+        end
+
+        post do
+          origin = URI.join(params[:origin], '/').to_s
+          payload = {
+            collection: @collec.id,
+            # label: @collec.label[0..20],
+            iss: current_user.email,
+            exp: (Time.now + 28.days).to_i,
+            origin: origin
+          }
+          secret = Rails.application.secrets.secret_key_base
+          token = JWT.encode payload, secret
+          AuthenticationKey.create!(
+            user_id: current_user.id,
+            fqdn: origin,
+            role: 'gate in',
+            token: token
+          )
+          # TODO: add a boolean on collection to allow AuthenticationKey
+          # or use sync_collections_users ??
+          redirect(URI.join(origin, "/api/v1/gate/register_repo?token=#{token}").to_s)
+        end
+      end
+
     end
   end
 end
diff --git a/app/api/chemotion/literature_api.rb b/app/api/chemotion/literature_api.rb
index fddc1cafc..e79716a33 100644
--- a/app/api/chemotion/literature_api.rb
+++ b/app/api/chemotion/literature_api.rb
@@ -13,6 +13,8 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
     resource :literatures do
 
       after_validation do
+        @is_owned = nil
+        @is_public = nil
         unless request.url =~ /doi\/metadata|ui_state|collection/
           @element_klass = params[:element_type].classify
           @element = @element_klass.constantize.find_by(id: params[:element_id])
@@ -22,18 +24,40 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
                     else
                       @element_policy.update?
                     end
-          error!('401 Unauthorized', 401) unless allowed
+
+          @is_public = "Collections#{params[:element_type].classify}".constantize.where(
+            "#{params[:element_type]}_id = ? and collection_id in (?)",
+            params[:element_id],
+            [Collection.public_collection_id, Collection.scheme_only_reactions_collection.id]
+          ).presence
+          error!('401 Unauthorized', 401) unless allowed || @is_public
+          @cat = @is_public ? 'public' : 'detail'
         end
       end
 
+
+
+
       desc "Return the literature list for the given element"
       params do
         requires :element_id, type: Integer
         requires :element_type, type: String, values: %w[sample reaction research_plan]
+        optional :is_all, type: Boolean, default: false
       end
 
       get do
-        { literatures: citation_for_elements }
+        if (params[:is_all] && params[:is_all] == true && params[:element_type] == 'reaction')
+          literatures = citation_for_elements(params[:element_id], @element_klass, @cat) || []
+          reaction = Reaction.find(params[:element_id])
+          reaction.products.each do |p|
+            literatures = literatures + citation_for_elements(p.id, 'Sample', @cat)
+          end
+          { literatures: literatures }
+        else
+          { literatures: citation_for_elements(params[:element_id], @element_klass, @cat) }
+        end
+      #  literatures = Literature.by_element_attributes_and_cat(params[:element_id], @element_klass, %w[detail public])
+      #  { literatures: literatures }
       end
 
       desc 'create a literature entry'
@@ -70,14 +94,14 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
           user_id: current_user.id,
           element_type: @element_klass,
           element_id: params[:element_id],
-          category: 'detail'
+          category: @cat
         }
         unless Literal.find_by(attributes)
           Literal.create(attributes)
           @element.touch
         end
 
-        { literatures: citation_for_elements }
+        { literatures: citation_for_elements(params[:element_id], @element_klass, @cat) }
       end
 
       params do
@@ -92,7 +116,7 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
           # user_id: current_user.id,
           element_type: @element_klass,
           element_id: params[:element_id],
-          category: 'detail'
+          category: @cat
         )&.destroy!
       end
 
@@ -105,9 +129,21 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
         after_validation do
           set_var(params[:id], params[:is_sync_to_me])
           error!(404) unless @c
+          if !@is_owned
+            obj = fetch_collection_w_current_user(params[:id], params[:is_sync_to_me])
+            @is_public = obj['shared_by'] && obj['shared_by']['initials'] == 'CI'
+          end
         end
 
         get do
+          if @is_public
+            return {
+              collectionRefs: Literature.none,
+              sampleRefs: Literature.by_element_attributes_and_cat(sample_ids, 'Sample', 'public').group('literatures.id'),
+              reactionRefs: Literature.by_element_attributes_and_cat(reaction_ids, 'Reaction', 'public').group('literatures.id'),
+              researchPlanRefs: Literature.none,
+            }
+          end
           sample_ids = @dl_s > 1 ? @c.sample_ids : []
           reaction_ids = @dl_r > 1 ? @c.reaction_ids : []
           research_plan_ids = @dl_rp > 1 ? @c.research_plan_ids : []
@@ -148,10 +184,15 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
           @sids = @dl_s > 1 ? @c.samples.by_ui_state(declared(params)[:sample]).pluck(:id) : []
           @rids = @dl_r > 1 ? @c.reactions.by_ui_state(declared(params)[:reaction]).pluck(:id) : []
           @cat = "detail"
+          if !@is_owned
+            obj = fetch_collection_w_current_user(params[:id], params[:is_sync_to_me])
+            @is_public = obj['shared_by_id'] && obj['shared_by_id'] == User.chemotion_user.id
+          end
         end
 
         post do
-          if params[:ref] && @pl >= 1
+          @cat = @is_public ? 'public' : 'detail'
+          if params[:ref] && (@pl >= 1 || @is_public)
             lit = if params[:ref][:is_new]
                   Literature.find_or_create_by(
                     doi: params[:ref][:doi],
@@ -171,7 +212,7 @@ def citation_for_elements(id = params[:element_id], type = @element_klass, cat =
                     user_id: current_user.id,
                     element_type: type,
                     element_id: id,
-                    category: 'detail'
+                    category: @cat
                   )
                 end
               end
diff --git a/app/api/chemotion/public_api.rb b/app/api/chemotion/public_api.rb
index cb7c49475..620ff197f 100644
--- a/app/api/chemotion/public_api.rb
+++ b/app/api/chemotion/public_api.rb
@@ -1,5 +1,8 @@
+require 'open-uri'
+
 module Chemotion
   class PublicAPI < Grape::API
+    include Grape::Kaminari
     helpers do
       def send_notification(attachment, user, status, has_error = false)
         data_args = { 'filename': attachment.filename, 'comment': 'the file has been updated' }
@@ -26,6 +29,74 @@ def send_notification(attachment, user, status, has_error = false)
         status 204
       end
 
+      namespace :search do
+        params do
+          requires :inchikey, type: String, desc: 'inchikey'
+        end
+        post do
+          molecule = Molecule.joins("inner join samples on molecules.id = samples.molecule_id and samples.deleted_at is null")
+                             .joins("inner join publications on samples.id = publications.element_id and  publications.state like '%completed%' and publications.element_type = 'Sample'")
+                             .find_by(inchikey: params[:inchikey])
+          { molecule_id: molecule&.id }
+        end
+      end
+
+      namespace :article_init do
+        get do
+          { is_article_editor: current_user&.is_article_editor || false }
+        end
+      end
+
+      namespace :howto_init do
+        get do
+          { is_howto_editor: current_user&.is_howto_editor || false }
+        end
+      end
+
+      namespace :find_adv_valuess do
+        helpers do
+          def query_authors(name)
+            result = User.where(type: %w(Person Group Collaborator)).where(
+              <<~SQL
+                users.id in (
+                  select distinct(pa.author_id)::integer from publication_authors pa
+                )
+              SQL
+            )
+            .by_name(params[:name]).limit(3)
+            .select(
+              <<~SQL
+              id as key, first_name, last_name, first_name || chr(32) || last_name as name, first_name || chr(32) || last_name || chr(32) || '(' || name_abbreviation || ')' as label
+              SQL
+            )
+          end
+          def query_ontologies(name)
+            result = PublicationOntologies.where('LOWER(ontologies) ILIKE ? ',"%#{params[:name]}%").limit(3)
+            .select(
+              <<~SQL
+              term_id as key, label, label as name
+              SQL
+            ).uniq
+          end
+        end
+        desc 'Find top 3 matched advanced values'
+        params do
+          requires :name, type: String, allow_blank: false, regexp: /^[a-zA-Z]+(([',. -][a-zA-Z ])?[a-zA-Z]*)*$/
+          requires :adv_type, type: String, allow_blank: false, desc: 'Type', values: %w[Authors Ontologies]
+        end
+        get do
+          result = case params[:adv_type]
+                   when 'Authors'
+                     query_authors(params[:name])
+                   when 'Ontologies'
+                     query_ontologies(params[:name])
+                   else
+                     []
+                   end
+          { result: result }
+        end
+      end
+
       namespace :download do
         desc 'download file for editoring'
         before do
@@ -60,7 +131,7 @@ def send_notification(attachment, user, status, has_error = false)
         before do
           error!('401 Unauthorized', 401) if params[:key].nil?
           payload = JWT.decode(params[:key], Rails.application.secrets.secret_key_base) unless params[:key].nil?
-          error!('401 Unauthorized', 401) if payload&.length == 0
+          error!('401 Unauthorized', 401) unless payload.present?
           @status = params[:status].is_a?(Integer) ? params[:status] : 0
 
           if @status > 1
@@ -85,7 +156,6 @@ def send_notification(attachment, user, status, has_error = false)
         end
 
         post do
-
           # begin
           case @status
           when 1
@@ -150,18 +220,18 @@ def send_notification(attachment, user, status, has_error = false)
 
         desc "Return all current organizations"
         get "organizations" do
-          Affiliation.pluck("DISTINCT organization")
+          Affiliation.where.not(organization: ENV['BLIST_ORGANIZATIONS']).pluck("DISTINCT organization")
         end
 
         desc "Return all current departments"
         get "departments" do
-          Affiliation.pluck("DISTINCT department")
+          Affiliation.where.not(department:  ENV['BLIST_DEPARTMENTS']).pluck("DISTINCT trim(department)")
         end
 
-        desc "Return all current groups"
-        get "groups" do
-          Affiliation.pluck("DISTINCT affiliations.group")
-        end
+        # desc "Return all current groups"
+        # get "groups" do
+        #   Affiliation.pluck("DISTINCT affiliations.group")
+        # end
 
         desc "return organization's name from email domain"
         get "swot" do
@@ -170,6 +240,399 @@ def send_notification(attachment, user, status, has_error = false)
             Affiliation.where(domain: params[:domain]).where.not(organization: nil).first&.organization
         end
       end
+
+      get 'collection' do
+        pub_coll = Collection.public_collection
+        if current_user
+          coll = SyncCollectionsUser.find_by(user_id: current_user.id, collection_id: pub_coll.id)
+          { id: coll.id, is_sync_to_me: true  }
+        else
+          { id: nil }
+        end
+      end
+
+      resource :pid do
+        params do
+          requires :id, type: Integer
+        end
+        desc "Query samples, reaction and datasets from publication id"
+        post do
+          pub = Publication.find(params[:id])
+          return "/home" unless pub
+
+          case pub.element_type
+          when 'Sample'
+            return "/molecules/#{pub.element.molecule_id}" if pub.state&.match(Regexp.union(%w[completed]))
+            return "/review/review_sample/#{pub.element_id}" if %w[pending reviewed accepted].include?(pub.state) && pub.ancestry.nil?
+            if %w[pending reviewed accepted].include?(pub.state) && !pub.ancestry.nil?
+              root = pub.root
+              return "/review/review_reaction/#{root.element_id}" if root && %w[pending reviewed accepted].include?(root.state)
+            end
+          when 'Reaction'
+            return "/reactions/#{pub.element_id}" if pub.state&.match(Regexp.union(%w[completed]))
+            return "/review/review_reaction/#{pub.element_id}" if %w[pending reviewed accepted].include?(pub.state)
+          when 'Container'
+            return "/datasets/#{pub.element_id}" if pub.state&.match(Regexp.union(%w[completed]))
+            if %w[pending reviewed accepted].include?(pub.state) && !pub.ancestry.nil?
+              root = pub.root
+              return "/review/review_#{root.element_type=='Reaction'? 'reaction' : 'sample'}/#{root.element_id}" if root && %w[pending reviewed accepted].include?(root.state)
+            end
+          else
+            return "/home"
+          end
+        end
+      end
+
+      resource :inchikey do
+        params do
+          requires :inchikey, type: String
+          optional :type, type: String # value: []
+          optional :version, type: String
+        end
+        desc "Query samples and datasets from inchikey and type"
+        post do
+          inchikey = params[:inchikey]
+          molecule = Molecule.find_by(inchikey: inchikey)
+          return "/home" unless molecule
+
+          type = params[:type]
+          return "/molecules/#{molecule.id.to_s}" if type.empty?
+
+          version = params[:version] ? params[:version] : ""
+          analyses = Collection.public_collection.samples
+            .where("samples.molecule_id = ?", molecule.id.to_s)
+            .map(&:analyses).flatten
+
+          analyses_filtered = analyses.select { |a|
+            em = a.extended_metadata
+            check = em['kind'].to_s.gsub(/\s/, '') == type
+            check = check && (em['analysis_version'] || '1') == version unless version.empty?
+            check
+          }
+          analysis = analyses_filtered.first
+          return "/datasets/#{analysis.id.to_s}"
+        end
+      end
+
+      resource :molecules do
+        desc "Return PUBLIC serialized molecules"
+        params do
+          optional :page, type: Integer, desc: "page"
+          optional :pages, type: Integer, desc: "pages"
+          optional :per_page, type: Integer, desc: "per page"
+          optional :adv_flag, type: Boolean, desc: 'advanced search?'
+          optional :adv_type, type: String, desc: 'advanced search type', values: %w[Authors Ontologies]
+          optional :adv_val, type: Array[String], desc: 'advanced search value', regexp: /^(\d+|([[:alpha:]]+:\d+))$/
+        end
+        paginate per_page: 10, offset: 0, max_per_page: 100
+        get '/', each_serializer: MoleculeGuestListSerializer do
+          public_collection_id = Collection.public_collection_id
+          params[:adv_val]
+          adv_search = ' '
+          if params[:adv_flag] == true && params[:adv_type].present? && params[:adv_val].present?
+            case params[:adv_type]
+            when 'Authors'
+              adv_search = <<~SQL
+                INNER JOIN publication_authors pub on pub.element_id = samples.id and pub.element_type = 'Sample' and pub.state = 'completed'
+                and author_id in ('#{params[:adv_val].join("','")}')
+              SQL
+            when 'Ontologies'
+              adv_search = <<~SQL
+                INNER JOIN publication_ontologies pub on pub.element_id = samples.id and pub.element_type = 'Sample'
+                and term_id in ('#{params[:adv_val].join("','")}')
+              SQL
+            end
+          end
+          sample_join = <<~SQL
+            INNER JOIN (
+              SELECT molecule_id, published_at max_published_at, sample_svg_file
+              FROM (
+              SELECT samples.*, pub.published_at, rank() OVER (PARTITION BY molecule_id order by pub.published_at desc) as rownum
+              FROM samples, publications pub
+              WHERE pub.element_type='Sample' and pub.element_id=samples.id  and pub.deleted_at ISNULL
+                and samples.id IN (
+                SELECT samples.id FROM samples
+                INNER JOIN collections_samples cs on cs.collection_id = #{public_collection_id} and cs.sample_id = samples.id and cs.deleted_at ISNULL
+                #{adv_search}
+              )) s where rownum = 1
+            ) s on s.molecule_id = molecules.id
+          SQL
+
+          paginate(Molecule.joins(sample_join).order("s.max_published_at desc").select(
+            <<~SQL
+              molecules.*, sample_svg_file
+            SQL
+          ))
+        end
+      end
+
+      resource :reactions do
+        desc 'Return PUBLIC serialized reactions'
+        params do
+          optional :page, type: Integer, desc: 'page'
+          optional :pages, type: Integer, desc: 'pages'
+          optional :per_page, type: Integer, desc: 'per page'
+          optional :adv_flag, type: Boolean, desc: 'is it advanced search?'
+          optional :adv_type, type: String, desc: 'advanced search type', values: %w[Authors Ontologies]
+          optional :adv_val, type: Array[String], desc: 'advanced search value', regexp: /^(\d+|([[:alpha:]]+:\d+))$/
+          optional :scheme_only, type: Boolean, desc: 'is it a scheme-only reaction?', default: false
+        end
+        paginate per_page: 10, offset: 0, max_per_page: 100
+        get '/', each_serializer: ReactionGuestListSerializer do
+
+          if params[:adv_flag] === true && params[:adv_type].present? && params[:adv_val].present?
+            case params[:adv_type]
+            when 'Authors'
+              adv_search = <<~SQL
+                INNER JOIN publication_authors pub on pub.element_id = reactions.id and pub.element_type = 'Reaction' and pub.state = 'completed'
+                and author_id in ('#{params[:adv_val].join("','")}')
+              SQL
+            when 'Ontologies'
+              str_term_id = params[:adv_val].split(',').map { |val| val}.to_s
+              adv_search = <<~SQL
+                INNER JOIN publication_ontologies pub on pub.element_id = reactions.id and pub.element_type = 'Reaction'
+                and term_id in ('#{params[:adv_val].join("','")}')
+              SQL
+            else
+              adv_search = ' '
+            end
+          else
+            adv_search = ' '
+          end
+
+          if params[:scheme_only]
+            paginate(Collection.scheme_only_reactions_collection.reactions.joins(adv_search).joins(:publication).includes(:publication).references(:publication).order('publications.published_at desc').uniq)
+          else
+            paginate(Collection.public_collection.reactions.joins(adv_search).joins(:publication).includes(:publication).references(:publication).order('publications.published_at desc').uniq)
+          end
+        end
+      end
+
+      resource :publicElement do
+        desc "Return PUBLIC serialized elements (Reaction, sample)"
+        paginate per_page: 10, offset: 0, max_per_page: 100
+        get '/', each_serializer: MoleculeGuestListSerializer do
+          public_collection_id = Collection.public_collection_id
+          sample_join = <<~SQL
+            INNER JOIN (
+              SELECT molecule_id, max(pub.published_at) max_updated_at
+              FROM samples
+              INNER JOIN collections_samples cs on cs.collection_id = #{public_collection_id} and cs.sample_id = samples.id and cs.deleted_at ISNULL
+              INNER JOIN publications pub on pub.element_type='Sample' and pub.element_id=samples.id  and pub.deleted_at ISNULL
+              GROUP BY samples.molecule_id
+            ) s on s.molecule_id = molecules.id
+          SQL
+          paginate(Molecule.joins(sample_join).order("s.max_updated_at desc"))
+        end
+      end
+
+      resource :last_published do
+        desc "Return Last PUBLIC serialized entities"
+        get do
+          s_pub = Publication.where(element_type: 'Sample', state: 'completed').order(:published_at).last
+          sample = s_pub.element
+
+          r_pub = Publication.where(element_type: 'Reaction', state: 'completed').order(:published_at).last
+          reaction = r_pub.element
+
+          { last_published: { sample: { id: sample.id, sample_svg_file: sample.sample_svg_file, molecule: sample.molecule, tag: s_pub.taggable_data, contributor: User.find(s_pub.published_by).name  },
+          reaction: { id: reaction.id, reaction_svg_file: reaction.reaction_svg_file, tag: r_pub.taggable_data, contributor: User.find(r_pub.published_by).name } } }
+        end
+      end
+
+      resource :last_published_sample do
+        desc "Return PUBLIC serialized molecules"
+        get do
+          sample = Collection.public_collection.samples.includes(:molecule, :residues).
+          where("samples.id not in (select reactions_samples.sample_id from reactions_samples where type != 'ReactionsProductSample')").order(:created_at).last
+          #TODO have and use a dedicated serializer for public sample
+          sample
+        end
+      end
+
+      resource :dataset do
+        desc "Return PUBLISHED serialized dataset"
+        params do
+          requires :id, type: Integer, desc: "Dataset id"
+        end
+        get do
+          dataset = Container.find(params[:id])
+          sample = dataset.root.containable
+          cids = sample.collections.pluck :id
+          if cids.include?(Collection.public_collection_id)
+            molecule = sample.molecule
+
+            ds_json = ContainerSerializer.new(dataset).serializable_hash.deep_symbolize_keys
+            ds_json[:dataset_doi] = dataset.full_doi
+            ds_json[:pub_id] = dataset.publication&.id
+
+            res = {
+              dataset: ds_json,
+              sample_svg_file: sample.sample_svg_file,
+              molecule: {
+                sum_formular: molecule.sum_formular,
+                molecular_weight: molecule.molecular_weight,
+                cano_smiles: molecule.cano_smiles,
+                inchistring: molecule.inchistring,
+                inchikey: molecule.inchikey,
+                molecule_svg_file: molecule.molecule_svg_file,
+                pubchem_cid: molecule.tag.taggable_data["pubchem_cid"]
+              },
+              license: dataset.tag.taggable_data["publication"]["license"] || 'CC BY-SA',
+              publication: {
+                author_ids: sample&.publication&.taggable_data['author_ids'] || [],
+                creators: sample&.publication&.taggable_data['creators'] || [],
+                affiliation_ids: sample&.publication&.taggable_data['affiliation_ids'] || [],
+                affiliations: sample&.publication&.taggable_data['affiliations'] || {},
+                published_at: sample&.publication&.taggable_data['published_at'],
+              }
+            }
+          else
+            res = nil
+          end
+
+          return res
+        end
+      end
+
+      resource :reaction do
+        helpers RepositoryHelpers
+        desc "Return PUBLISHED serialized reaction"
+        params do
+          requires :id, type: Integer, desc: "Reaction id"
+        end
+        get do
+          r = CollectionsReaction.where(reaction_id: params[:id], collection_id: [Collection.public_collection_id, Collection.scheme_only_reactions_collection.id])
+          return nil unless r.present?
+
+          reaction = Reaction.where('id = ?', params[:id])
+          .select(
+            <<~SQL
+            reactions.id, reactions.name, reactions.description, reactions.reaction_svg_file, reactions.short_label,
+            reactions.status, reactions.tlc_description, reactions.tlc_solvents, reactions.rf_value,
+            reactions.temperature, reactions.timestamp_start,reactions.timestamp_stop,reactions.observation,
+            reactions.rinchi_string, reactions.rinchi_long_key, reactions.rinchi_short_key,reactions.rinchi_web_key,
+            (select json_extract_path(taggable_data::json, 'publication') from publications where element_type = 'Reaction' and element_id = reactions.id) as publication,
+            reactions.duration
+            SQL
+          )
+          .includes(
+                container: :attachments
+          ).last
+          literatures = get_literature(params[:id],'Reaction') || []
+          reaction.products.each do |p|
+            literatures += get_literature(p.id,'Sample')
+          end
+          schemeList = get_reaction_table(params[:id])
+          entities = Entities::ReactionEntity.represent(reaction, serializable: true)
+          entities[:literatures] = literatures unless entities.nil? || literatures.nil? || literatures.length == 0
+          entities[:schemes] = schemeList unless entities.nil? || schemeList.nil? || schemeList.length == 0
+          entities[:isLogin] = current_user.present?
+          entities
+        end
+      end
+
+      resource :molecule do
+        desc "Return serialized molecule with list of PUBLISHED dataset"
+        params do
+          requires :id, type: Integer, desc: "Molecule id"
+          optional :adv_flag, type: Boolean, desc: "advanced search flag"
+          optional :adv_type, type: String, desc: "advanced search type", allow_blank: true, values: %w[Authors Ontologies]
+          optional :adv_val, type: Array[String], desc: 'advanced search value', regexp: /^(\d+|([[:alpha:]]+:\d+))$/
+        end
+        get do
+          molecule = Molecule.find(params[:id])
+          pub_id = Collection.public_collection_id
+          if params[:adv_flag].present? && params[:adv_flag] == true && params[:adv_type].present? && params[:adv_type] == 'Authors' && params[:adv_val].present?
+            adv = <<~SQL
+              INNER JOIN publication_authors rs on rs.element_id = samples.id and rs.element_type = 'Sample' and rs.state = 'completed'
+              and rs.author_id in ('#{params[:adv_val].join("','")}')
+            SQL
+          else
+            adv = ''
+          end
+
+          pub_samples = Collection.public_collection.samples
+            .includes(:molecule,:tag).where("samples.molecule_id = ?", molecule.id)
+            .where(
+              <<~SQL
+                samples.id in (
+                  SELECT samples.id FROM samples
+                  INNER JOIN collections_samples cs on cs.collection_id = #{pub_id} and cs.sample_id = samples.id and cs.deleted_at ISNULL
+                  INNER JOIN publications pub on pub.element_type='Sample' and pub.element_id=samples.id  and pub.deleted_at ISNULL
+                  #{adv}
+                )
+              SQL
+            )
+            .select(
+              <<~SQL
+              samples.*, (select published_at from publications where element_type='Sample' and element_id=samples.id and deleted_at is null) as published_at
+              SQL
+            )
+            .order('published_at desc')
+          published_samples = pub_samples.map do |s|
+            containers = Entities::ContainerEntity.represent(s.container)
+            tag = s.tag.taggable_data['publication']
+            #u = User.find(s.tag.taggable_data['publication']['published_by'].to_i)
+            #time = DateTime.parse(s.tag.taggable_data['publication']['published_at'])
+            #published_time = time.strftime("%A, %B #{time.day.ordinalize} %Y %H:%M")
+            #aff = u.affiliations.first
+            next unless tag
+            literatures = Literature.by_element_attributes_and_cat(s.id, 'Sample', 'public')
+              .joins("inner join users on literals.user_id = users.id")
+              .select(
+                <<~SQL
+                literatures.*,
+                json_object_agg(users.name_abbreviation, users.first_name || chr(32) || users.last_name) as ref_added_by
+                SQL
+              ).group('literatures.id').as_json
+            reaction_ids = ReactionsProductSample.where(sample_id: s.id).pluck(:reaction_id)
+            pub = Publication.find_by(element_type: 'Sample', element_id: s.id)
+            sid = pub.taggable_data["sid"] unless pub.nil? || pub.taggable_data.nil?
+
+            tag.merge(analyses: containers, literatures: literatures, sample_svg_file: s.sample_svg_file,
+              sample_id: s.id, reaction_ids: reaction_ids, sid: sid, showed_name: s.showed_name, pub_id: pub.id)
+          end
+          published_samples = published_samples.flatten.compact
+
+          {
+            molecule: MoleculeGuestSerializer.new(molecule).serializable_hash.deep_symbolize_keys,
+            published_samples: published_samples,
+            isLogin: current_user.nil? ? false : true
+          }
+        end
+      end
+
+      resource :metadata do
+        desc "metadata of publication"
+        params do
+          requires :id, type: Integer, desc: "Id"
+          requires :type, type: String, desc: "Type", values: %w[sample reaction container]
+        end
+        after_validation do
+          @publication = Publication.find_by(
+            element_type: params['type'].classify,
+            element_id: params['id']
+          )
+          error!('404 Publication not found', 404) unless @publication && @publication.state.include?("completed")
+        end
+        desc "Download metadata_xml"
+        get :download do
+          el_type = params['type'] == "container" ? "analysis" : params['type']
+          filename = URI.escape("metadata_#{el_type}_#{@publication.element_id}-#{Time.new.strftime("%Y%m%d%H%M%S")}.xml")
+          content_type('application/octet-stream')
+          header['Content-Disposition'] = "attachment; filename=" + filename
+          env['api.format'] = :binary
+          @publication.metadata_xml
+        end
+      end
+
+      resource :published_statics do
+        desc 'Return PUBLIC statics'
+        get do
+          ActiveRecord::Base.connection.exec_query('select * from publication_statics as ps')
+        end
+      end
     end
 
     namespace :upload do
@@ -192,7 +655,7 @@ def send_notification(attachment, user, status, has_error = false)
           key = AuthenticationKey.find_by(token: token)
 
 
-          helper = CollectorHelper.new(key.user.email , recipient_email)
+          helper = CollectorHelper.new(key.user.email, recipient_email)
 
           if helper.sender_recipient_known?
             dataset = helper.prepare_new_dataset(subject)
diff --git a/app/api/chemotion/reaction_api.rb b/app/api/chemotion/reaction_api.rb
index ea127f093..76321c07d 100644
--- a/app/api/chemotion/reaction_api.rb
+++ b/app/api/chemotion/reaction_api.rb
@@ -282,7 +282,7 @@ class ReactionAPI < Grape::API
 
         get do
           reaction = Reaction.find(params[:id])
-          { reaction: ElementPermissionProxy.new(current_user, reaction, user_ids).serialized, literatures: citation_for_elements(params[:id], 'Reaction') }
+          { reaction: ElementPermissionProxy.new(current_user, reaction, user_ids).serialized, literatures: citation_for_elements(params[:id], 'Reaction'), publication: Publication.find_by(element: reaction) || {} }
         end
       end
 
diff --git a/app/api/chemotion/report_api.rb b/app/api/chemotion/report_api.rb
index d53dd86db..a0102cafe 100644
--- a/app/api/chemotion/report_api.rb
+++ b/app/api/chemotion/report_api.rb
@@ -19,6 +19,22 @@ def time_now
     end
 
     resource :reports do
+      desc "get DOI list"
+      params do
+        requires :elements
+      end
+      post :dois do
+        elements = params[:elements]
+        pub_list = []
+        elements.each do |element|
+          publication = Publication.find_by(element_id: element[:id], element_type: element[:type].capitalize)
+          pub_list.push(publication) unless publication.nil?
+          # publications = [publication] + publication.descendants
+        end
+        entities = Entities::PublicationEntity.represent(pub_list, serializable: true)
+        {dois: entities || []}
+      end
+
       desc "Build a reaction report using the contents of a JSON file"
       params do
         requires :id
@@ -203,6 +219,7 @@ def time_now
       optional :fileDescription
     end
     post :reports, each_serializer: ReportSerializer do
+# byebug      
       spl_settings = hashize(params[:splSettings])
       rxn_settings = hashize(params[:rxnSettings])
       si_rxn_settings = hashize(params[:siRxnSettings])
diff --git a/app/api/chemotion/repository_api.rb b/app/api/chemotion/repository_api.rb
new file mode 100644
index 000000000..ada3fd486
--- /dev/null
+++ b/app/api/chemotion/repository_api.rb
@@ -0,0 +1,1025 @@
+require 'securerandom'
+module Chemotion
+  class RepositoryAPI < Grape::API
+    include Grape::Kaminari
+    helpers ContainerHelpers
+    helpers ParamsHelpers
+    helpers CollectionHelpers
+    helpers SampleHelpers
+    helpers SubmissionHelpers
+
+    namespace :repository do
+      helpers do
+        def fetch_embargo_collection(cid)
+          if (cid == 0)
+            chemotion_user = User.chemotion_user
+            new_col_label = current_user.initials + '_' + Time.now.strftime("%Y-%m-%d")
+            col_check = Collection.where([" label like ? ", new_col_label+'%'])
+            new_col_label = new_col_label << '_' << (col_check&.length+1)&.to_s if col_check&.length > 0
+            new_embargo_col = Collection.create!(user: chemotion_user,
+            label: new_col_label, ancestry: current_user.publication_embargo_collection.id)
+            SyncCollectionsUser.find_or_create_by(user: current_user, shared_by_id: chemotion_user.id, collection_id: new_embargo_col.id,
+            permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10,
+            fake_ancestry: current_user.publication_embargo_collection.sync_collections_users.first.id.to_s)
+            new_embargo_col
+          else
+            Collection.find(cid)
+          end
+        end
+
+        def duplicate_analyses(new_element, analyses_arr, ik = nil)
+          unless new_element.container
+            Container.create_root_container(containable: new_element)
+            new_element.reload
+          end
+          analyses = Container.analyses_container(new_element.container.id).first
+          parent_publication = new_element.publication
+          analyses_arr && analyses_arr.each do |ana|
+            new_ana = analyses.children.create(
+              name: ana.name,
+              container_type: ana.container_type,
+              description: ana.description
+            )
+            new_ana.extended_metadata = ana.extended_metadata
+            new_ana.save!
+
+            # move reserved doi
+            if (d = ana.doi)
+              d.update(doiable: new_ana)
+            else
+              d = Doi.create_for_analysis!(new_ana, ik)
+            end
+            Publication.create!(
+              state: Publication::STATE_PENDING,
+              element: new_ana,
+              original_element: ana,
+              published_by: current_user.id,
+              doi: d,
+              parent: new_element.publication,
+              taggable_data: @publication_tag.merge(
+                author_ids: @author_ids
+              )
+            )
+            # duplicate datasets and copy attachments
+            ana.children.where(container_type: 'dataset').each do |ds|
+              new_dataset = new_ana.children.create(container_type: "dataset")
+              ds.attachments.each do |att|
+                copied_att = att.copy(attachable_type: 'Container', attachable_id: new_dataset.id, transferred: true)
+                copied_att.save!
+                new_dataset.attachments << copied_att
+
+                # copy publication image file to public/images/publications/{attachment.id}/{attachment.filename}
+                if MimeMagic.by_path(copied_att.filename)&.type&.start_with?("image")
+                  file_path = File.join('public/images/publications/', copied_att.id.to_s, '/', copied_att.filename)
+                  public_path = File.join('public/images/publications/', copied_att.id.to_s)
+                  FileUtils.mkdir_p(public_path)
+                  File.write(file_path, copied_att.store.read_file.force_encoding("utf-8")) if copied_att.store.file_exist?
+                end
+
+              end
+
+              new_dataset.name = ds.name
+              new_dataset.extended_metadata = ds.extended_metadata
+              new_dataset.save!
+            end
+          end
+        end
+
+        def reviewer_collections
+          c = current_user.pending_collection
+          User.reviewer_ids.each do |rev_id|
+            SyncCollectionsUser.find_or_create_by(
+              collection_id: c.id,
+              user_id: rev_id,
+              shared_by_id: c.user_id,
+              permission_level: 3,
+              sample_detail_level: 10,
+              reaction_detail_level: 10,
+              label: "REVIEWING",
+            )
+          end
+        end
+
+        # Create(clone) publication sample/analyses with dois
+        def duplicate_sample(sample = @sample, analyses = @analyses, parent_publication_id = nil)
+          new_sample = sample.dup
+          new_sample.collections << current_user.pending_collection
+          new_sample.collections << Collection.element_to_review_collection
+          new_sample.collections << @embargo_collection unless @embargo_collection.nil?
+          new_sample.save!
+          unless @literals.nil?
+            lits = @literals&.select { |lit| lit['element_type'] == 'Sample' && lit['element_id'] == sample.id}
+            duplicate_literals(new_sample, lits)
+          end
+          duplicate_analyses(new_sample, analyses, new_sample.molecule.inchikey)
+          has_analysis = new_sample.analyses.present?
+          if (has_analysis = new_sample.analyses.present?)
+            if (d = sample.doi)
+              d.update!(doiable: new_sample)
+            else
+              d = Doi.create_for_element!(new_sample)
+            end
+            pub = Publication.create!(
+              state: Publication::STATE_PENDING,
+              element: new_sample,
+              original_element: sample,
+              published_by: current_user.id,
+              doi: d,
+              parent_id: parent_publication_id,
+              taggable_data: @publication_tag.merge(
+                author_ids: @author_ids,
+                original_analysis_ids: analyses.pluck(:id),
+                analysis_ids: new_sample.analyses.pluck(:id)
+              )
+            )
+          end
+          new_sample.analyses.each do |ana|
+            Publication.find_by(element: ana).update(parent: pub)
+          end
+          new_sample
+        end
+
+        def concat_author_ids(coauthors = params[:coauthors])
+          coauthor_ids = coauthors.map do |coa|
+           val = coa.strip
+           next val.to_i if val =~ /^\d+$/
+           User.where(type: %w(Person Collaborator)).where.not(confirmed_at: nil).find_by(email: val)&.id if val =~ /^\S+@\S+$/
+          end.compact
+          [current_user.id] + coauthor_ids
+        end
+
+        def duplicate_reaction(reaction, analysis_set)
+          new_reaction = reaction.dup
+          if analysis_set && analysis_set.length > 0
+            analysis_set_ids = analysis_set.map(&:id)
+            reaction_analysis_set = reaction.analyses.where(id: analysis_set_ids)
+          end
+          princhi_string, princhi_long_key, princhi_short_key, princhi_web_key = reaction.products_rinchis
+
+          new_reaction.collections << current_user.pending_collection
+          new_reaction.collections << Collection.element_to_review_collection
+          new_reaction.collections << @embargo_collection unless @embargo_collection.nil?
+
+          # composer = SVG::ReactionComposer.new(paths, temperature: temperature_display_with_unit,
+          #                                             solvents: solvents_in_svg,
+          #                                             show_yield: true)
+          # new_reaction.reaction_svg_file = composer.compose_reaction_svg_and_save(prefix: Time.now)
+          dir = File.join(Rails.root, 'public','images','reactions')
+          rsf = reaction.reaction_svg_file
+          path = File.join(dir, rsf)
+          new_rsf = "#{Time.now.to_i}-#{rsf}"
+          dest = File.join(dir, new_rsf)
+
+          new_reaction.save!
+          unless @literals.nil?
+            lits = @literals&.select { |lit| lit['element_type'] == 'Reaction' && lit['element_id'] == reaction.id}
+            duplicate_literals(new_reaction, lits)
+          end
+          if File.exists? path
+            FileUtils.cp(path, dest)
+            new_reaction.update_columns(reaction_svg_file: new_rsf)
+          end
+          # new_reaction.save!
+          et = new_reaction.tag
+          data = et.taggable_data || {}
+          # data[:products_rinchi] = {
+          #   rinchi_string: princhi_string,
+          #   rinchi_long_key: princhi_long_key,
+          #   rinchi_short_key: princhi_short_key,
+          #   rinchi_web_key:  princhi_web_key
+          # }
+          et.update!(taggable_data: data)
+
+          if (d = reaction.doi)
+            d.update!(doiable: new_reaction)
+          else
+            # NB: the reaction has still no sample, so it cannot get a proper rinchi needed for the doi
+            # => use the one from original reaction
+            d = Doi.create_for_element!(new_reaction, "reaction/" + reaction.products_short_rinchikey_trimmed)
+          end
+
+          pub = Publication.create!(
+            state: Publication::STATE_PENDING,
+            element: new_reaction,
+            original_element: reaction,
+            published_by: current_user.id,
+            doi: d,
+            taggable_data: @publication_tag.merge(
+              author_ids: @author_ids,
+              original_analysis_ids: analysis_set_ids,
+              products_rinchi: {
+                rinchi_string: princhi_string,
+                rinchi_long_key: princhi_long_key,
+                rinchi_short_key: princhi_short_key,
+                rinchi_web_key:  princhi_web_key
+              })
+          )
+
+          duplicate_analyses(new_reaction, reaction_analysis_set, "reaction/" + reaction.products_short_rinchikey_trimmed)
+          reaction.reactions_samples.each  do |rs|
+            new_rs = rs.dup
+            sample = current_user.samples.find_by(id: rs.sample_id)
+            if @scheme_only == true
+              sample.target_amount_value = 0.0
+              sample.real_amount_value = nil
+            end
+            sample_analysis_set = sample.analyses.where(id: analysis_set_ids)
+            new_sample = duplicate_sample(sample, sample_analysis_set, pub.id)
+            sample.tag_as_published(new_sample, sample_analysis_set)
+            new_rs.sample_id = new_sample
+            new_rs.reaction_id = new_reaction.id
+            new_rs.sample_id = new_sample.id
+            new_rs.reaction_id = new_reaction.id
+            new_rs.save!
+          end
+
+          new_reaction.update_svg_file!
+          new_reaction.reload
+          new_reaction.save!
+          new_reaction.reload
+        end
+
+        def create_publication_tag(contributor, author_ids, license)
+          authors = User.where(type: %w(Person Collaborator), id: author_ids)
+                          .includes(:affiliations)
+                          .order("position(users.id::text in '#{author_ids}')")
+          affiliations = authors.map(&:current_affiliations)
+          affiliations_output = {}
+          affiliations.flatten.each do |aff|
+            affiliations_output[aff.id] = aff.output_full
+          end
+          {
+            published_by: author_ids[0],
+            author_ids: author_ids,
+            creators: authors.map { |author|
+              {
+                'givenName' => author.first_name,
+                'familyName' => author.last_name,
+                'name' => author.name,
+                'ORCID' => author.orcid,
+                'affiliationIds' => author.current_affiliations.map(&:id),
+                'id' => author.id
+              }
+            },
+            contributors: {
+              'givenName' => contributor.first_name,
+              'familyName' => contributor.last_name,
+              'name' => contributor.name,
+              'ORCID' => contributor.orcid,
+              'affiliations' => contributor.current_affiliations.map{ |aff| aff.output_full },
+              'id' => contributor.id
+            },
+            affiliations: affiliations_output,
+            affiliation_ids: affiliations.map { |as| as.map(&:id) },
+            queued_at: DateTime.now,
+            license: license,
+            scheme_only: @scheme_only
+          }
+        end
+
+        def prepare_reaction_data
+          reviewer_collections
+          new_reaction = duplicate_reaction(@reaction, @analysis_set)
+          reaction_analysis_set = @reaction.analyses.where(id: @analysis_set_ids)
+          @reaction.tag_as_published(new_reaction, reaction_analysis_set)
+          new_reaction.create_publication_tag(current_user, @author_ids, @license)
+          new_reaction.samples.each do |new_sample|
+            new_sample.create_publication_tag(current_user, @author_ids, @license)
+          end
+          Publication.where(element: new_reaction).first
+        end
+
+        def duplicate_literals(element,literals)
+          literals&.each do |lit|
+            attributes = {
+             literature_id: lit.literature_id,
+             element_id: element.id,
+             element_type: lit.element_type,
+             category: 'detail',
+             user_id: lit.user_id
+           }
+           Literal.create(attributes)
+          end
+        end
+
+        def prepare_sample_data
+          reviewer_collections
+          new_sample = duplicate_sample(@sample, @analyses)
+          @sample.tag_as_published(new_sample, @analyses)
+          new_sample.create_publication_tag(current_user, @author_ids, @license)
+          @sample.untag_reserved_suffix
+          Publication.where(element: new_sample).first
+        end
+
+
+        def find_embargo_collection(root_publication)
+          has_embargo_col = root_publication.element&.collections&.select { |c| c['ancestry'].to_i == User.find(root_publication.published_by).publication_embargo_collection.id }
+          has_embargo_col && has_embargo_col.length > 0 ? has_embargo_col.first.label : ''
+       end
+      end
+
+      desc 'Get review list'
+      params do
+        optional :type, type: String, desc: "Type"
+        optional :state, type: String, desc: "State"
+        optional :page, type: Integer, desc: "page"
+        optional :pages, type: Integer, desc: "pages"
+        optional :per_page, type: Integer, desc: "per page"
+
+      end
+      paginate per_page: 10, offset: 0, max_per_page: 100
+      get 'list' do
+        type = (params[:type].empty? || params[:type] == 'All') ? ['Sample','Reaction'] : params[:type].chop!
+        state = (params[:state].empty? || params[:state] == 'All') ? [Publication::STATE_PENDING, Publication::STATE_REVIEWED, Publication::STATE_ACCEPTED] : params[:state]
+        list = if User.reviewer_ids.include?(current_user.id)
+                 Publication.where(state: state, ancestry: nil, element_type: type)
+               else
+                 Publication.where(state: state, ancestry: nil, element_type: type, published_by: current_user.id)
+               end.order(updated_at: :desc)
+        elements = []
+        paginate(list).each do |e|
+          element_type = e.element&.class&.name
+          next if element_type.nil?
+
+          u = User.find(e.published_by) unless e.published_by.nil?
+          svg_file = e.element.reaction_svg_file if element_type == 'Reaction'
+          title = e.element.short_label if element_type == 'Reaction'
+
+          svg_file = e.element.sample_svg_file if element_type == 'Sample'
+          title = e.element.short_label if element_type == 'Sample'
+
+          scheme_only = element_type == 'Reaction' && e.taggable_data && e.taggable_data['scheme_only']
+          elements.push(
+            id: e.element_id, svg: svg_file, type: element_type, title: title,
+            published_by: u&.name, submit_at: e.updated_at, state: e.state, embargo: find_embargo_collection(e), scheme_only: scheme_only
+          )
+        end
+        { elements: elements }
+      end
+
+      desc 'Get embargo list'
+      get 'embargo_list' do
+        if (current_user.type == 'Anonymous')
+          cols = Collection.where(id: current_user.sync_in_collections_users.pluck(:collection_id)).where.not(label: 'chemotion').order('label ASC')
+        else
+          cols = Collection.where(ancestry: current_user.publication_embargo_collection.id).order('label ASC')
+        end
+        { repository: cols, current_user: {id: current_user.id, type: current_user.type} }
+      end
+
+      resource :reaction do
+        helpers RepositoryHelpers
+        desc "Return PUBLISHED serialized reaction"
+        params do
+          requires :id, type: Integer, desc: "Reaction id"
+          optional :is_public, type: Boolean, default: true
+        end
+        get do
+          reaction = Reaction.where(id: params[:id])
+          .select(
+            <<~SQL
+            reactions.id, reactions.name, reactions.description, reactions.reaction_svg_file, reactions.short_label,
+            reactions.status, reactions.tlc_description, reactions.tlc_solvents, reactions.rf_value,
+            reactions.temperature, reactions.timestamp_start,reactions.timestamp_stop,reactions.observation,
+            reactions.rinchi_string, reactions.rinchi_long_key, reactions.rinchi_short_key,reactions.rinchi_web_key,
+            (select json_extract_path(taggable_data::json, 'publication') from publications where element_type = 'Reaction' and element_id = reactions.id) as publication,
+            reactions.duration
+            SQL
+          ).includes(container: :attachments).last
+          literatures = get_literature(params[:id], 'Reaction', params[:is_public] ? 'public' : 'detail') || []
+          reaction.products.each do |p|
+            literatures += get_literature(p.id,'Sample', params[:is_public]? 'public' : 'detail')
+          end
+          schemeList = get_reaction_table(params[:id])
+          publication = Publication.find_by(element_id: params[:id], element_type: 'Reaction')
+          published_user = User.find(publication.published_by) unless publication.nil?
+          entities = Entities::ReactionEntity.represent(reaction, serializable: true)
+          entities[:literatures] = literatures unless entities.nil? || literatures.blank?
+          entities[:schemes] = schemeList unless entities.nil? || schemeList.blank?
+          { reaction: entities, reviewLevel: repo_review_level(params[:id], 'Reaction'), pub_name: published_user&.name || '' }
+        end
+      end
+
+      resource :sample do
+        helpers RepositoryHelpers
+        desc "Return Review serialized Sample"
+        params do
+          requires :id, type: Integer, desc: "Sample id"
+          optional :is_public, type: Boolean, default: true
+        end
+        get do
+          sample = Sample.where(id: params[:id])
+          .includes(:molecule,:tag).last
+          molecule = Molecule.find(sample.molecule_id) unless sample.nil?
+          containers = Entities::ContainerEntity.represent(sample.container)
+          publication = Publication.find_by(element_id: params[:id], element_type: 'Sample')
+          published_user = User.find(publication.published_by) unless publication.nil?
+          literatures = get_literature(params[:id], 'Sample', params[:is_public]? 'public' : 'detail')
+          {
+            molecule: MoleculeGuestSerializer.new(molecule).serializable_hash.deep_symbolize_keys,
+            sample: sample,
+            publication: publication,
+            literatures: literatures,
+            analyses: containers,
+            doi: Entities::DoiEntity.represent(sample.doi, serializable: true),
+            pub_name: published_user&.name,
+            reviewLevel: repo_review_level(params[:id], 'Sample')
+          }
+        end
+      end
+
+      resource :metadata do
+        desc "metadata of publication"
+        params do
+          requires :id, type: Integer, desc: "Id"
+          requires :type, type: String, desc: "Type", values: %w[sample reaction]
+        end
+        after_validation do
+          @root_publication = Publication.find_by(
+            element_type: params['type'].classify,
+            element_id: params['id']
+          ).root
+          error!('404 Publication not found', 404) unless @root_publication
+          error!('401 Unauthorized', 401) unless (User.reviewer_ids.include?(current_user.id) || @root_publication.published_by == current_user.id)
+        end
+        post :preview do
+          mt = []
+          root_publication = @root_publication
+          publications = [root_publication] + root_publication.descendants
+          publications.each do |pub|
+            mt.push({element_type: pub.element_type, metadata_xml: pub.datacite_metadata_xml})
+          end
+          { metadata: mt }
+        end
+        post :preview_zip do
+          env['api.format'] = :binary
+          content_type('application/zip, application/octet-stream')
+          root_publication = @root_publication
+          publications = [root_publication] + root_publication.descendants
+          filename = URI.escape("metadata_#{root_publication.element_type}_#{root_publication.element_id}-#{Time.new.strftime("%Y%m%d%H%M%S")}.zip")
+          header('Content-Disposition', "attachment; filename=\"#{filename}\"")
+          zip = Zip::OutputStream.write_buffer do |zip|
+            publications.each do |pub|
+              el_type = pub.element_type == "Container" ? "analysis" : pub.element_type.downcase
+              zip.put_next_entry URI.escape("metadata_#{el_type}_#{pub.element_id}.xml")
+              zip.write pub.datacite_metadata_xml
+            end
+          end
+          zip.rewind
+          zip.read
+        end
+      end
+
+      namespace :reviewing do
+        helpers do
+          # TODO: mv to model
+          def save_comments(root, comments, summary, feedback)
+            review = root.review || {}
+            review['summary'] = summary
+            review['feedback'] = feedback
+            root.update!(review: review)
+          end
+
+          # TODO: mv to model
+          def save_comment(root, comment)
+            review = root.review || {}
+            if review.empty?
+              root.update_column(:review, { comments: comment })
+            else
+              comments = review['comments'] || {}
+              review['comments'] = comments.deep_merge(comment || {})
+              root.update!(review: review)
+              root.review
+            end
+          end
+
+          def accept_new_sample(root, sample)
+            ap = Publication.create!(
+              state: Publication::STATE_PENDING,
+              element: sample,
+              doi: sample.doi,
+              published_by: root.published_by,
+              parent: root,
+              taggable_data: root.taggable_data
+            )
+            sample.analyses.each do |a|
+              accept_new_analysis(ap, a)
+            end
+          end
+
+          def accept_new_analysis(root, analysis)
+            ap = Publication.create!(
+              state: Publication::STATE_PENDING,
+              element: analysis,
+              doi: analysis.doi,
+              published_by: root.published_by,
+              parent: root,
+              taggable_data: root.taggable_data
+            )
+            atag = ap.taggable_data
+            aids = atag&.delete('analysis_ids')
+            aoids = atag&.delete('original_analysis_ids')
+            ap.save! if aids || aoids
+
+            analysis.children.where(container_type: "dataset").each do |ds|
+              ds.attachments.each do |att|
+                if MimeMagic.by_path(att.filename)&.type&.start_with?("image") && att.store.file_exist?
+                  file_path = File.join('public/images/publications/', att.id.to_s, '/', att.filename)
+                  public_path = File.join('public/images/publications/', att.id.to_s)
+                  FileUtils.mkdir_p(public_path)
+                  File.write(file_path, att.store.read_file.force_encoding("utf-8")) if att.store.file_exist?
+                end
+              end
+            end
+          end
+
+          def element_submit(root)
+            root.descendants.each { |np| np.destroy! if np.element.nil? }
+            root.element.reserve_suffix
+            root.element.reserve_suffix_analyses(root.element.analyses) if root.element.analyses&.length > 0
+            root.element.analyses&.each do |a|
+              accept_new_analysis(root, a) if Publication.find_by(element: a).nil?
+            end
+
+            case root.element_type
+            when 'Sample'
+              analyses_ids = root.element.analyses.pluck(:id)
+              root.update!(taggable_data: root.taggable_data.merge(analysis_ids: analyses_ids))
+              root.element.analyses.each do |sa|
+                accept_new_analysis(root,ana) if Publication.find_by(element: sa).nil?
+              end
+
+            when 'Reaction'
+              root.element.products.each do |p|
+                Publication.find_by(element_type:'Sample', element_id: p.id)&.destroy! if p.analyses&.length == 0
+                next if p.analyses&.length == 0
+                p.reserve_suffix
+                p.reserve_suffix_analyses(p.analyses)
+                prod_pub = Publication.find_by(element: p);
+                if prod_pub.nil?
+                  accept_new_sample(root, p)
+                else
+                  p.analyses.each do |rpa|
+                    accept_new_analysis(prod_pub,rpa) if Publication.find_by(element: rpa).nil?
+                  end
+                end
+              end
+            end
+            root.reload
+            root.update_columns(doi_id: root.element.doi.id) unless root.doi_id == root.element.doi.id
+            root.descendants.each { |pub_a|
+              next if pub_a.element.nil?
+              pub_a.update_columns(doi_id: pub_a.element.doi.id) unless pub_a.doi_id == pub_a.element&.doi&.id
+            }
+          end
+
+          def public_literature(root_publication)
+            publications = [root_publication] + root_publication.descendants
+            publications.each do |pub|
+              next unless pub.element_type=='Reaction' || pub.element_type =='Sample'
+              literals = Literal.where(element_type: pub.element_type, element_id: pub.element_id)
+              literals&.each { |l| l.update_columns(category: 'public') } unless literals.nil?
+            end
+          end
+
+        end
+
+        desc "process reviewed publication"
+        params do
+          requires :id, type: Integer, desc: "Id"
+          requires :type, type: String, desc: "Type", values: %w[sample reaction]
+          optional :comments, type: Hash
+          optional :summary, type: String
+          optional :feedback, type: String
+        end
+
+        after_validation do
+          @root_publication = Publication.find_by(
+            element_type: params['type'].classify,
+            element_id: params['id']
+          ).root
+          error!('401 Unauthorized', 401) unless ((User.reviewer_ids.include?(current_user.id) && @root_publication.state == Publication::STATE_PENDING) || (@root_publication.published_by == current_user.id && @root_publication.state == Publication::STATE_REVIEWED ))
+        end
+
+        post :comments do
+          save_comments(
+            @root_publication,
+            params[:comments],
+            params[:summary],
+            params[:feedback]
+          ) unless params[:comments].nil? && params[:summary].nil? && params[:feedback].nil?
+          @root_publication.element
+        end
+
+        post :comment do
+          save_comment(@root_publication, params[:comments]) unless params[:comments].nil?
+          @root_publication.review
+        end
+
+        post :reviewed do
+          save_comments(@root_publication, params[:comments], params[:summary], params[:feedback]) unless params[:comments].nil? && params[:summary].nil? && params[:feedback].nil?
+          element_submit(@root_publication)
+          @root_publication.update_state(Publication::STATE_REVIEWED)
+          @root_publication.process_element(Publication::STATE_REVIEWED)
+          @root_publication.inform_users(Publication::STATE_REVIEWED)
+          @root_publication.element
+        end
+
+        post :submit do
+          save_comments(@root_publication, params[:comments], params[:summary], params[:feedback]) unless params[:comments].nil? && params[:summary].nil? && params[:feedback].nil?
+          element_submit(@root_publication)
+          @root_publication.update_state(Publication::STATE_PENDING)
+          @root_publication.process_element(Publication::STATE_PENDING)
+          @root_publication.inform_users(Publication::STATE_PENDING)
+          @root_publication.element
+        end
+
+        post :accepted do
+          save_comments(@root_publication, params[:comments], params[:summary], params[:feedback]) unless params[:comments].nil? && params[:summary].nil? && params[:feedback].nil?
+          element_submit(@root_publication)
+          public_literature(@root_publication)
+          # element_accepted(@root_publication)
+
+          @root_publication.update_state(Publication::STATE_ACCEPTED)
+          @root_publication.process_element(Publication::STATE_ACCEPTED)
+          @root_publication.inform_users(Publication::STATE_ACCEPTED)
+          @root_publication.element
+          if params['type'] == 'sample'
+            {
+              sample: SampleSerializer.new(@root_publication.element).serializable_hash.deep_symbolize_keys,
+              message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+            }
+          elsif params['type'] == 'reaction'
+            {
+              reaction: ReactionSerializer.new(@root_publication.element).serializable_hash.deep_symbolize_keys,
+              message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+            }
+          end
+        end
+        post :declined do
+          save_comments(@root_publication, params[:comments], params[:summary], params[:feedback]) unless params[:comments].nil? && params[:summary].nil? && params[:feedback].nil?
+          @root_publication.update_state('declined')
+          @root_publication.process_element('declined')
+          @root_publication.inform_users(Publication::STATE_DECLINED, current_user.id)
+          @root_publication.element
+        end
+      end
+
+      namespace :publishSample do
+        desc "Publish Samples with chosen Dataset"
+        params do
+          requires :sampleId, type: Integer, desc: "Sample Id"
+          requires :analysesIds, type: Array[Integer], desc: "Selected analyses ids"
+          optional :coauthors, type: Array[String], default: [], desc: "Co-author (User)"
+          optional :refs, type: Array[Integer], desc: "Selected references"
+          optional :embargo, type: Integer, desc: "Embargo collection"
+          requires :license, type: String, desc: "Creative Common License"
+          requires :addMe, type: Boolean, desc: "add me as author"
+        end
+
+        after_validation do
+          @sample = current_user.samples.find_by(id: params[:sampleId])
+          @analyses = @sample && @sample.analyses.where(id: params[:analysesIds])
+          @literals = Literal.where(id: params[:refs]) unless params[:refs].nil? || params[:refs].empty?
+          ols_validation(@analyses)
+          if params[:addMe]
+            @author_ids = [current_user.id] + coauthor_validation(params[:coauthors])
+          else
+            @author_ids = coauthor_validation(params[:coauthors])
+          end
+          error!('401 Unauthorized', 401) unless @sample
+          error!('404 analyses not found', 404) if @analyses.empty?
+        end
+
+        post do
+          @license = params[:license]
+          @publication_tag = create_publication_tag(current_user, @author_ids, @license)
+          @embargo_collection = fetch_embargo_collection(params[:embargo]) if params[:embargo].present? && params[:embargo] >= 0
+          pub = prepare_sample_data
+          pub.process_element
+          pub.inform_users
+
+          @sample.reload
+          {
+            sample: SampleSerializer.new(@sample).serializable_hash.deep_symbolize_keys,
+            message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+          }
+        end
+
+        put :dois do
+          @sample.reserve_suffix
+          @sample.reserve_suffix_analyses(@analyses)
+          @sample.reload
+          @sample.tag_reserved_suffix(@analyses)
+          { sample: SampleSerializer.new(@sample).serializable_hash.deep_symbolize_keys }
+        end
+      end
+
+      # desc: submit reaction data for publication
+      namespace :publishReaction do
+        desc "Publish Reaction with chosen Dataset"
+        params do
+          requires :reactionId, type: Integer, desc: "Reaction Id"
+          requires :analysesIds, type: Array[Integer], desc: "Selected analyses ids"
+          optional :coauthors, type: Array[String], default: [], desc: "Co-author (User)"
+          optional :refs, type: Array[Integer], desc: "Selected references"
+          optional :embargo, type: Integer, desc: "Embargo collection"
+          requires :license, type: String, desc: "Creative Common License"
+          requires :addMe, type: Boolean, desc: "add me as author"
+        end
+
+        after_validation do
+          @scheme_only = false
+          @reaction = current_user.reactions.find_by(id: params[:reactionId])
+          error!('404 found no reaction to publish', 401) unless @reaction
+          @analysis_set = @reaction.analyses.where(id: params[:analysesIds]) | Container.where(id: (@reaction.samples.map(&:analyses).flatten.map(&:id) & params[:analysesIds]))
+          ols_validation(@analysis_set)
+          if params[:addMe]
+            @author_ids = [current_user.id] + coauthor_validation(params[:coauthors])
+          else
+            @author_ids = coauthor_validation(params[:coauthors])
+          end
+          error!('404 found no analysis to publish', 404) unless @analysis_set.present?
+
+          #error!('Reaction Publication not authorized', 401)
+          @analysis_set_ids = @analysis_set.map(&:id)
+          @literals = Literal.where(id: params[:refs]) unless params[:refs].nil? || params[:refs].empty?
+        end
+
+        post do
+          @license = params[:license]
+          @publication_tag = create_publication_tag(current_user, @author_ids, @license)
+          @embargo_collection = fetch_embargo_collection(params[:embargo]) if params[:embargo].present? && params[:embargo] >= 0
+          pub = prepare_reaction_data
+          pub.process_element
+          pub.inform_users
+
+          @reaction.reload
+          {
+            reaction: ReactionSerializer.new(@reaction).serializable_hash.deep_symbolize_keys,
+            message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+          }
+        end
+
+        put :dois do
+          reaction_products = @reaction.products.select { |s| s.analyses.select { |a| a.id.in?@analysis_set_ids }.count > 0 }
+          @reaction.reserve_suffix
+          reaction_products.each do |p|
+            d = p.reserve_suffix
+            et = p.tag
+            et.update!(
+              taggable_data: (et.taggable_data || {}).merge(reserved_doi: d.full_doi)
+            )
+          end
+          @reaction.reserve_suffix_analyses(@analysis_set)
+          @reaction.reload
+          @reaction.tag_reserved_suffix(@analysis_set)
+          @reaction.reload
+          {
+            reaction: ReactionSerializer.new(@reaction).serializable_hash.deep_symbolize_keys,
+            message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+          }
+        end
+      end
+
+      # desc: submit reaction data (scheme only) for publication
+      namespace :publishReactionScheme do
+        desc 'Publish Reaction Scheme only'
+        params do
+          requires :reactionId, type: Integer, desc: 'Reaction Id'
+          requires :temperature, type: Hash, desc: 'Temperature'
+          requires :duration, type: Hash, desc: 'Duration'
+          requires :products, type: Array, desc: 'Products'
+          optional :coauthors, type: Array[String], default: [], desc: 'Co-author (User)'
+          optional :embargo, type: Integer, desc: 'Embargo collection'
+          requires :license, type: String, desc: 'Creative Common License'
+          requires :addMe, type: Boolean, desc: "add me as author"
+          requires :schemeDesc, type: Boolean, desc: "publish scheme"
+        end
+
+        after_validation do
+          @reaction = current_user.reactions.find_by(id: params[:reactionId])
+          @scheme_only = true
+          error!('404 found no reaction to publish', 401) unless @reaction
+          schemeYield = params[:products] && params[:products].map{|v| v.slice(:id, :_equivalent)}
+          @reaction.reactions_samples.select{|rs| rs.type == 'ReactionsProductSample'}.map do |p|
+            py = schemeYield.select{ |o| o['id'] == p.sample_id }
+            p.equivalent = py[0]['_equivalent'] if py && py.length > 0
+            p.scheme_yield = py[0]['_equivalent'] if py && py.length > 0
+          end
+
+          @reaction.reactions_samples.select{|rs| rs.type != 'ReactionsProductSample'}.map do |p|
+            p.equivalent = 0
+          end
+          @reaction.name = ''
+          @reaction.purification = '{}'
+          @reaction.dangerous_products = '{}'
+          unless params[:schemeDesc]
+            @reaction.description = {"ops"=>[{"insert"=>""}]}
+          end
+          @reaction.observation = {"ops"=>[{"insert"=>""}]}
+          @reaction.tlc_solvents = ''
+          @reaction.tlc_description = ''
+          @reaction.rf_value = 0
+          @reaction.rxno = nil
+          @reaction.role = ''
+          @reaction.temperature = params[:temperature]
+          @reaction.duration = "#{params[:duration][:dispValue]} #{params[:duration][:dispUnit]}" unless params[:duration].nil?
+          if params[:addMe]
+            @author_ids = [current_user.id] + coauthor_validation(params[:coauthors])
+          else
+            @author_ids = coauthor_validation(params[:coauthors])
+          end
+        end
+
+        post do
+          @license = params[:license]
+          @publication_tag = create_publication_tag(current_user, @author_ids, @license)
+          @embargo_collection = fetch_embargo_collection(params[:embargo]) if params[:embargo].present? && params[:embargo] >= 0
+          pub = prepare_reaction_data
+          pub.process_element
+          pub.inform_users
+
+          @reaction.reload
+          {
+            reaction: ReactionSerializer.new(@reaction).serializable_hash.deep_symbolize_keys,
+            message: ENV['PUBLISH_MODE'] ? "publication on: #{ENV['PUBLISH_MODE']}" : 'publication off'
+          }
+        end
+      end
+
+      namespace :embargo do
+        helpers do
+          def handle_embargo_collections(col)
+            col.update_columns(ancestry: current_user.published_collection.id)
+            sync_emb_col = col.sync_collections_users.where(user_id: current_user.id)&.first
+            sync_published_col = SyncCollectionsUser.joins("INNER JOIN collections ON collections.id = sync_collections_users.collection_id ")
+            .where("collections.label='Published Elements'")
+            .where("sync_collections_users.user_id = #{current_user.id}").first
+            sync_emb_col.update_columns(fake_ancestry: sync_published_col.id)
+          end
+
+          def remove_anonymous(col)
+            anonymous_ids = col.sync_collections_users.joins("INNER JOIN users on sync_collections_users.user_id = users.id")
+            .where("users.type='Anonymous'").pluck(:user_id)
+            anonymous_ids.each do |anonymous_id|
+              anonymous = Anonymous.find(anonymous_id)
+              anonymous.sync_in_collections_users.destroy_all
+              anonymous.collections.each { |c| c.really_destroy! }
+              anonymous.really_destroy!
+            end
+          end
+
+          def remove_embargo_collection(col)
+           col.sync_collections_users.destroy_all
+           col.really_destroy!
+          end
+        end
+        desc "Generate account with chosen Embargo"
+        params do
+          requires :collection_id, type: Integer, desc: "Embargo Collection Id"
+        end
+
+        after_validation do
+          @embargo_collection = Collection.find(params[:collection_id])
+          @sync_emb_col = @embargo_collection.sync_collections_users.where(user_id: current_user.id)&.first
+          error!('404 found no collection', 401) unless @sync_emb_col
+        end
+
+        get :list do
+          sample_list = Publication.where(ancestry: nil, element: @embargo_collection.samples).order(updated_at: :desc)
+          reaction_list = Publication.where(ancestry: nil, element: @embargo_collection.reactions).order(updated_at: :desc)
+          list = sample_list + reaction_list
+          elements = []
+          list.each do |e|
+            element_type = e.element&.class&.name
+            u = User.find(e.published_by) unless e.published_by.nil?
+            svg_file = e.element.sample_svg_file if element_type == 'Sample'
+            title = e.element.short_label if element_type == 'Sample'
+
+            svg_file = e.element.reaction_svg_file if element_type == 'Reaction'
+            title = e.element.short_label if element_type == 'Reaction'
+
+            scheme_only = element_type == 'Reaction' && e.taggable_data && e.taggable_data['scheme_only']
+            elements.push(
+              id: e.element_id, svg: svg_file, type: element_type, title: title,
+              published_by: u&.name, submit_at: e.updated_at, state: e.state, scheme_only: scheme_only
+            )
+          end
+          { elements: elements, embargo_id: params[:collection_id], current_user: { id: current_user.id, type: current_user.type } }
+        end
+
+        post :account do
+          begin
+            # create Anonymous user
+            name_abbreviation = "e#{SecureRandom.random_number(9999)}"
+            email = "#{@embargo_collection.id}.#{name_abbreviation}@chemotion.net"
+            pwd = Devise.friendly_token.first(8)
+            first_name = "External"
+            last_name = "Chemotion"
+            type = 'Anonymous'
+
+            params = { email: email, password: pwd, first_name: first_name, last_name: last_name, type: type, name_abbreviation: name_abbreviation, confirmed_at: Time.now }
+            new_obj = User.create!(params)
+            new_obj.profile.update!({data: {}})
+            # sync collection with Anonymous user
+            chemotion_user = User.chemotion_user
+            root_label = "with %s" %chemotion_user.name_abbreviation
+            rc = Collection.find_or_create_by(user: new_obj, shared_by_id: chemotion_user.id, is_locked: true, is_shared: true, label: root_label)
+
+            # Chemotion Collection
+            SyncCollectionsUser.find_or_create_by(user: new_obj, shared_by_id: chemotion_user.id, collection_id: Collection.public_collection_id,
+            permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+
+
+            SyncCollectionsUser.find_or_create_by(user: new_obj, shared_by_id: chemotion_user.id, collection_id: @embargo_collection.id,
+            permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+
+            # send mail
+            if ENV['PUBLISH_MODE'] == 'production'
+              PublicationMailer.mail_external_review(current_user, @embargo_collection.label, email, pwd).deliver_now
+            end
+
+            { message: 'A temporary account has been created' }
+          rescue StandardError => e
+            { error: e.message }
+          end
+        end
+
+        post :release do
+          begin
+            pub_samples = Publication.where(ancestry: nil, element: @embargo_collection.samples).order(updated_at: :desc)
+            pub_reactions = Publication.where(ancestry: nil, element: @embargo_collection.reactions).order(updated_at: :desc)
+            pub_list = pub_samples + pub_reactions
+            check_state = pub_list.select { |pub| pub.state != Publication::STATE_ACCEPTED }
+            if check_state.present?
+              { error: "Embargo #{@embargo_collection.label} release failed, because not all elements have been 'accepted'."}
+            else
+              remove_anonymous(@embargo_collection)
+              handle_embargo_collections(@embargo_collection)
+              case ENV['PUBLISH_MODE']
+              when 'production'
+                if Rails.env.production?
+                  ChemotionEmbargoPubchemJob.set(queue: "publishing_embargo_#{@embargo_collection.id}").perform_later(@embargo_collection.id)
+                end
+              when 'staging'
+                ChemotionEmbargoPubchemJob.set(queue: "publishing_embargo_#{@embargo_collection.id}").perform_later(@embargo_collection.id)
+                #ChemotionEmbargoPubchemJob.perform_now(@embargo_collection.id)
+              else 'development'
+              end
+
+
+              { message: "Embargo #{@embargo_collection.label} has been released" }
+            end
+
+          rescue StandardError => e
+            { error: e.message }
+          end
+        end
+
+        post :delete do
+          begin
+            element_cnt = @embargo_collection.samples.count + @embargo_collection.reactions.count
+            if element_cnt.positive?
+              { error: "Delete Embargo #{@embargo_collection.label} deletion failed: the collection is not empty. Please refresh your page."}
+            else
+              remove_anonymous(@embargo_collection)
+              remove_embargo_collection(@embargo_collection)
+              { message: "Embargo #{@embargo_collection.label} has been deleted" }
+            end
+          rescue StandardError => e
+            { error: e.message }
+          end
+        end
+
+        post :move do
+          begin
+            #@new_embargo = params[:new_embargo]
+            @element = params[:element]
+            @new_embargo_collection = fetch_embargo_collection(params[:new_embargo]&.to_i) if params[:new_embargo].present? && params[:new_embargo]&.to_i >= 0
+            case @element['type']
+            when 'Sample'
+              CollectionsSample
+            when 'Reaction'
+              CollectionsReaction
+            end.remove_in_collection(@element['id'], [@embargo_collection.id])
+
+            case @element['type']
+            when 'Sample'
+              CollectionsSample
+            when 'Reaction'
+              CollectionsReaction
+            end.create_in_collection(@element['id'], [@new_embargo_collection.id])
+
+            { col_id: @embargo_collection.id,
+              new_embargo: @new_embargo_collection,
+              is_new_embargo: params[:new_embargo]&.to_i == 0,
+              message: "#{@element['type']} [#{@element['title']}] has been moved from Embargo Bundle [#{@embargo_collection.label}] to Embargo Bundle [#{@new_embargo_collection.label}]" }
+          rescue StandardError => e
+            { error: e.message }
+          end
+        end
+      end
+    end
+  end
+end
diff --git a/app/api/chemotion/sample_api.rb b/app/api/chemotion/sample_api.rb
index 65c1f63a6..614855a97 100644
--- a/app/api/chemotion/sample_api.rb
+++ b/app/api/chemotion/sample_api.rb
@@ -432,7 +432,7 @@ class SampleAPI < Grape::API
 
         all_coll = Collection.get_all_collection_for_user(current_user.id)
         sample.collections << all_coll
-
+        
         sample.container = update_datamodel(params[:container])
 
         sample.save!
diff --git a/app/api/chemotion/search_api.rb b/app/api/chemotion/search_api.rb
index 97b2b93e2..ffea01931 100644
--- a/app/api/chemotion/search_api.rb
+++ b/app/api/chemotion/search_api.rb
@@ -204,6 +204,34 @@ def serialization_by_elements_and_page(elements, page = 1, molecule_sort = false
         reactions = elements.fetch(:reactions, [])
         wellplates = elements.fetch(:wellplates, [])
         screens = elements.fetch(:screens, [])
+
+        if params[:is_public]
+          molecules = Molecule.joins(:samples).where("samples.id in (?)", samples).includes(:tag).select(
+            <<~SQL
+            molecules.*, max(samples.sample_svg_file) sample_svg_file
+            SQL
+          ).group('molecules.id').uniq
+          serialized_molecules = paginate(molecules).map { |m| MoleculeGuestListSerializer.new(m).serializable_hash }
+          filter_reactions = Reaction.where("id in (?)", reactions)
+          serialized_reactions = paginate(filter_reactions).map { |r| ReactionGuestListSerializer.new(r).serializable_hash }
+          return {
+            publicMolecules: {
+              molecules: serialized_molecules,
+              totalElements: molecules.size,
+              page: page,
+              perPage: page_size,
+              ids: molecules.pluck(:id)
+            },
+            publicReactions: {
+              reactions: serialized_reactions,
+              totalElements: reactions.size,
+              page: page,
+              perPage: page_size,
+              ids: filter_reactions.pluck(:id)
+            }
+          }
+        end
+
         samples_data = serialize_samples(samples, page, search_by_method, molecule_sort)
         serialized_samples = samples_data[:data]
         samples_size = samples_data[:size]
@@ -349,42 +377,42 @@ def elements_by_scope(scope, collection_id = @c_id)
           .includes(molecule: :tag)
         user_reactions = Reaction.by_collection_id(collection_id).includes(
           :literatures, :tag,
-          reactions_starting_material_samples: :sample,
-          reactions_solvent_samples: :sample,
-          reactions_reactant_samples: :sample,
+          # reactions_starting_material_samples: :sample,
+          # reactions_solvent_samples: :sample,
+          # reactions_reactant_samples: :sample,
           reactions_product_samples: :sample,
         )
-        user_wellplates = Wellplate.by_collection_id(collection_id).includes(
-          wells: :sample
-        )
-        user_screens = Screen.by_collection_id(collection_id)
+        # user_wellplates = Wellplate.by_collection_id(collection_id).includes(
+        #   wells: :sample
+        # )
+        # user_screens = Screen.by_collection_id(collection_id)
         case scope&.first
         when Sample
           elements[:samples] = scope&.pluck(:id)
           elements[:reactions] = (
             user_reactions.by_sample_ids(scope&.map(&:id)).pluck(:id)
           ).uniq
-          elements[:wellplates] = user_wellplates.by_sample_ids(scope&.map(&:id)).uniq.pluck(:id)
-          elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
+          # elements[:wellplates] = user_wellplates.by_sample_ids(scope&.map(&:id)).uniq.pluck(:id)
+          # elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
         when Reaction
           elements[:reactions] = scope&.pluck(:id)
           elements[:samples] = user_samples.by_reaction_ids(scope&.map(&:id)).pluck(:id).uniq
-          elements[:wellplates] = user_wellplates.by_sample_ids(elements[:samples]).uniq.pluck(:id)
-          elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
-        when Wellplate
-          elements[:wellplates] = scope&.pluck(:id)
-          elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
-          elements[:samples] = user_samples.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
-          elements[:reactions] = (
-            user_reactions.by_sample_ids(elements[:samples]).pluck(:id)
-          ).uniq
-        when Screen
-          elements[:screens] = scope&.pluck(:id)
-          elements[:wellplates] = user_wellplates.by_screen_ids(scope).uniq.pluck(:id)
-          elements[:samples] = user_samples.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
-          elements[:reactions] = (
-            user_reactions.by_sample_ids(elements[:samples]).pluck(:id)
-          ).uniq.pluck(:id)
+          # elements[:wellplates] = user_wellplates.by_sample_ids(elements[:samples]).uniq.pluck(:id)
+          # elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
+        # when Wellplate
+        #   elements[:wellplates] = scope&.pluck(:id)
+        #   elements[:screens] = user_screens.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
+        #   elements[:samples] = user_samples.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
+        #   elements[:reactions] = (
+        #     user_reactions.by_sample_ids(elements[:samples]).pluck(:id)
+        #   ).uniq
+        # when Screen
+        #   elements[:screens] = scope&.pluck(:id)
+        #   elements[:wellplates] = user_wellplates.by_screen_ids(scope).uniq.pluck(:id)
+        #   elements[:samples] = user_samples.by_wellplate_ids(elements[:wellplates]).uniq.pluck(:id)
+        #   elements[:reactions] = (
+        #     user_reactions.by_sample_ids(elements[:samples]).pluck(:id)
+        #   ).uniq.pluck(:id)
         when AllElementSearch::Results
           # TODO check this samples_ids + molecules_ids ????
           elements[:samples] = (scope&.samples_ids + scope&.molecules_ids)
@@ -394,15 +422,15 @@ def elements_by_scope(scope, collection_id = @c_id)
             user_reactions.by_sample_ids(elements[:samples]).pluck(:id)
           ).uniq
 
-          elements[:wellplates] = (
-            scope&.wellplates_ids +
-            user_wellplates.by_sample_ids(elements[:samples]).pluck(:id)
-          ).uniq
+          # elements[:wellplates] = (
+          #   scope&.wellplates_ids +
+          #   user_wellplates.by_sample_ids(elements[:samples]).pluck(:id)
+          # ).uniq
 
-          elements[:screens] = (
-            scope&.screens_ids +
-            user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
-          ).uniq
+          # elements[:screens] = (
+          #   scope&.screens_ids +
+          #   user_screens.by_wellplate_ids(elements[:wellplates]).pluck(:id)
+          # ).uniq
         end
 
         elements
@@ -410,6 +438,11 @@ def elements_by_scope(scope, collection_id = @c_id)
     end
 
     resource :search do
+      after_validation do
+        check_params_collection_id
+        set_var_for_unsigned_user unless current_user
+      end
+
       namespace :all do
         desc "Return all matched elements and associations for substring query"
         params do
diff --git a/app/api/chemotion/suggestion_api.rb b/app/api/chemotion/suggestion_api.rb
index 5d0d8bea1..85993e616 100644
--- a/app/api/chemotion/suggestion_api.rb
+++ b/app/api/chemotion/suggestion_api.rb
@@ -154,6 +154,8 @@ def search_possibilities_by_type_user_and_collection(type)
 
     resource :suggestions do
       after_validation do
+        check_params_collection_id
+        set_var_for_unsigned_user unless current_user
         set_var
       end
 
diff --git a/app/api/chemotion/sync_collection_api.rb b/app/api/chemotion/sync_collection_api.rb
index 98098930a..02dea91f5 100644
--- a/app/api/chemotion/sync_collection_api.rb
+++ b/app/api/chemotion/sync_collection_api.rb
@@ -38,10 +38,29 @@ class SyncCollectionAPI < Grape::API
       get_child = proc do |children, collections|
         children.each do |obj|
           child = collections.select { |dt| dt['ancestry'] == obj['id'].to_s }
+          get_child.call(child, collections) if child.count.positive?
           obj[:children] = child if child.count.positive?
         end
       end
 
+      handle_review = proc do |collections|
+        cols = []
+        collections.each do |col|
+          unless col['label'] == 'Reviewing' || col['label'] == 'Pending Publications' || col['label'] == 'Element To Review' || col['label'] == 'Reviewed'
+            cols.push(col)
+            next
+          end
+          oc = SyncCollectionsUser.find(col['id'])&.collection
+          sc = (oc&.samples&.joins(:publication)&.where('publications.ancestry is null') || []).length
+          rc = (oc&.reactions&.joins(:publication)&.where('publications.ancestry is null') || []).length
+          next if (sc + rc).zero?
+
+          col['label'] = col['label'] + ",S#{sc},R#{rc}" if col['label'] == 'Reviewing' || col['label'] == 'Element To Review' || col['label'] == 'Reviewed'
+          cols.push(col)
+        end
+        cols
+      end
+
       desc 'Return all remote serialized collections'
       get :sync_remote_roots do
         collections = Collection.joins(:sync_collections_users)
@@ -57,6 +76,7 @@ class SyncCollectionAPI < Grape::API
                                   SQL
                                 ).as_json
         root_ancestries = []
+        collections = handle_review.call(collections)
         collections.each do |obj|
           root_ancestries.push(obj['ancestry'])
         end
diff --git a/app/api/chemotion/user_api.rb b/app/api/chemotion/user_api.rb
index 673972e01..360018dd0 100644
--- a/app/api/chemotion/user_api.rb
+++ b/app/api/chemotion/user_api.rb
@@ -1,17 +1,23 @@
 # frozen_string_literal: true
+
 module Chemotion
   class UserAPI < Grape::API
-
     resource :users do
-
       desc 'Find top 3 matched user names'
       params do
         requires :name, type: String
       end
       get 'name' do
-        unless params[:name].nil? || params[:name].empty?
-          { users: User.where(type: %w(Person Group)).by_name(params[:name]).limit(3)
-                       .select('first_name','last_name','name','id','name_abbreviation', 'name_abbreviation as abb', 'type as user_type')}
+        if params[:name].present? && params[:name].gsub(/\s/, '').size > 3
+          {
+            users: User.where(type: %w[Person Group]).where.not(confirmed_at: nil)
+                       .by_name(params[:name]).limit(3).joins(:affiliations)
+                       .select(
+                         'first_name', 'last_name', 'name', 'id', 'name_abbreviation',
+                         'name_abbreviation as abb',
+                         'jsonb_object_agg(affiliations.id, affiliations.department || chr(44)|| chr(32) || affiliations.organization || chr(44)|| chr(32) || affiliations.country) as aff'
+                       ).group('first_name', 'last_name', 'name', 'id', 'name_abbreviation')
+          }
         else
           { users: [] }
         end
@@ -28,6 +34,120 @@ class UserAPI < Grape::API
       end
     end
 
+    resource :collaborators do
+      namespace :list do
+        desc 'fetch collaborators of current user'
+        get do
+          ids = UsersCollaborator.where(user_id: current_user.id).pluck(:collaborator_id)
+          data = User.where(id: ids)
+          present data, with: Entities::CollaboratorEntity, root: 'authors'
+        end
+      end
+      namespace :user do
+        desc 'fetch collaborators of current user'
+        params do
+          optional :name, type: String
+          optional :first, type: String
+        end
+        get do
+          sql_str = []
+          if params[:name].present? && params[:first].present?
+            sql_str = [" LOWER(last_name) like ? and LOWER(first_name) like ? ",'%'+params[:name].downcase+'%','%'+params[:first].downcase+'%']
+          end
+          if !params[:name].present? && params[:first].present?
+            sql_str = [" LOWER(first_name) LIKE ? ",'%'+params[:first].downcase+'%']
+          end
+          if params[:name].present? && !params[:first].present?
+            sql_str = [" LOWER(last_name) LIKE ? ",'%'+params[:name].downcase+'%']
+          end
+
+          data = Person.where.not(confirmed_at: nil).where(sql_str)
+          present data, with: Entities::CollaboratorEntity, root: 'users'
+        end
+      end
+      namespace :add do
+        desc 'add user to my collabration'
+        params do
+          requires :id, type: Integer
+        end
+        post do
+          new_author = UsersCollaborator.create({ user_id: current_user.id, collaborator_id: params[:id] })
+          user = User.find(params[:id])
+          present user, with: Entities::CollaboratorEntity, root: 'user'
+        end
+      end
+      namespace :add_aff do
+        desc 'add user to my collabration'
+        params do
+          requires :id, type: Integer
+          requires :department, type: String
+          requires :organization, type: String
+          requires :country, type: String
+        end
+        post do
+          collaborator = User.find(params[:id])
+          aff = [Affiliation.find_or_create_by(country: params[:country],
+            organization: params[:organization], department: params[:department])]
+          collaborator.affiliations << aff unless aff.nil?
+          present collaborator, with: Entities::CollaboratorEntity, root: 'user'
+        end
+      end
+      namespace :delete do
+        desc 'remove user from my collabration'
+        params do
+          requires :id, type: Integer
+        end
+        post do
+          uc = UsersCollaborator.find_by(user_id: current_user.id, collaborator_id: params[:id])
+          uc.delete
+          #present user, with: Entities::CollaboratorEntity, root: 'user'
+        end
+      end
+      namespace :delete_aff do
+        desc 'remove affilication from my collabration'
+        params do
+          requires :user_id, type: Integer
+          requires :aff_id, type: Integer
+        end
+        post do
+
+          ua = UserAffiliation.find_by(user_id: params[:user_id], affiliation_id: params[:aff_id])
+          ua.destroy!
+
+          user = User.find(params[:user_id])
+          present user, with: Entities::CollaboratorEntity, root: 'user'
+        end
+      end
+      namespace :create do
+        desc 'create and add user to my collabration'
+        params do
+          requires :lastName, type: String
+          requires :firstName, type: String
+          optional :email, type: String
+          requires :department, type: String
+          requires :organization, type: String
+          requires :country, type: String
+        end
+        post do
+          attributes = {} #declared(params, include_missing: false)
+          attributes[:first_name] = params[:firstName]
+          attributes[:last_name] = params[:lastName]
+          attributes[:type] = 'Collaborator'
+          attributes[:confirmed_at] = DateTime.now
+          attributes[:name_abbreviation] = "c#{SecureRandom.random_number(9999)}"
+          attributes[:password] = Devise.friendly_token.first(8)
+          attributes[:email] = "#{current_user.name_abbreviation}.#{attributes[:name_abbreviation]}@chemotion.net"
+          new_user = User.create!(attributes)
+          new_user.profile.update!({data: {}})
+          new_user.affiliations = [Affiliation.find_or_create_by(country: params[:country],
+            organization: params[:organization], department: params[:department])]
+
+          new_author = UsersCollaborator.create({ user_id: current_user.id, collaborator_id: new_user.id })
+          present new_user, with: Entities::CollaboratorEntity, root: 'user'
+        end
+      end
+    end
+
     resource :groups do
       rescue_from ActiveRecord::RecordInvalid do |error|
         message = error.record.errors.messages.map { |attr, msg|
diff --git a/app/api/entities/collaborator_entity.rb b/app/api/entities/collaborator_entity.rb
new file mode 100644
index 000000000..0e6c469d3
--- /dev/null
+++ b/app/api/entities/collaborator_entity.rb
@@ -0,0 +1,6 @@
+module Entities
+    class CollaboratorEntity < Grape::Entity
+      expose :id, :name, :initials, :email, :type
+      expose :affiliations
+    end
+  end
diff --git a/app/api/entities/collection_sync_entity.rb b/app/api/entities/collection_sync_entity.rb
index 83074f082..8897387e4 100644
--- a/app/api/entities/collection_sync_entity.rb
+++ b/app/api/entities/collection_sync_entity.rb
@@ -42,6 +42,9 @@ class CollectionSyncEntity < Grape::Entity
     expose :sharer do |obj|
         obj['temp_sharer']
     end
+    expose :is_public do |obj|
+      obj['shared_by'] && obj['shared_by']['initials'] == 'CI'
+    end
     expose :children, as: 'children', using: Entities::CollectionSyncEntity
   end
 end
diff --git a/app/api/entities/container_entity.rb b/app/api/entities/container_entity.rb
index 7e72061e5..b84a4d1be 100644
--- a/app/api/entities/container_entity.rb
+++ b/app/api/entities/container_entity.rb
@@ -1,6 +1,16 @@
 module Entities
   class ContainerEntity < Grape::Entity
     expose :big_tree, merge: true
+    expose :dataset_doi
+  #  expose :doi, if: -> (obj, opts) { obj.respond_to? :doi}
+
+    def dataset_doi
+      object.full_doi
+    end
+
+    def pub_id
+      object.publication&.id
+    end
 
     def big_tree(container = object)
       dataset_ids = {}
@@ -10,11 +20,15 @@ def big_tree(container = object)
         ## mapping analysis element
         as['children'] = c2s.map do |c2, c3s|
           a = c2.attributes.slice('id', 'container_type', 'name', 'description')
+          a['dataset_doi'] = c2.full_doi  if c2.respond_to? :full_doi
+          a['pub_id'] = c2.publication&.id  if c2.respond_to? :publication
           a['extended_metadata'] = get_extended_metadata(c2)
           dids = []
           ## mapping datasets
           a['children'] = c3s.map do |c3, _|
             ds = c3.attributes.slice('id', 'container_type', 'name', 'description')
+            ds['dataset_doi'] = c3.full_doi  if c3.respond_to? :full_doi
+            ds['pub_id'] = c3.publication&.id  if c3.respond_to? :publication
             dids << ds['id']
             ds['extended_metadata'] = get_extended_metadata(c3)
             ds
@@ -30,6 +44,8 @@ def big_tree(container = object)
       code_logs = CodeLog.where(source_id: dataset_ids.keys, source: 'container').to_a
 
       bt.dig('children', 0, 'children')&.each do |analysis|
+        analysis['dataset_doi'] = analysis.full_doi if analysis.respond_to? :full_doi
+        analysis['pub_id'] = analysis.publication&.id if analysis.respond_to? :publication
         analysis['preview_img'] = preview_img(dataset_ids[analysis['id']], attachments)
         analysis['code_log'] = code_logs.find { |cl| cl.source_id == analysis['id'] }.attributes
         analysis['children'].each do |dataset|
diff --git a/app/api/entities/doi_entity.rb b/app/api/entities/doi_entity.rb
new file mode 100644
index 000000000..d636fa127
--- /dev/null
+++ b/app/api/entities/doi_entity.rb
@@ -0,0 +1,5 @@
+module Entities
+    class DoiEntity < Grape::Entity
+      expose :id, :inchikey, :suffix, :full_doi
+    end
+  end
diff --git a/app/api/entities/publication_entity.rb b/app/api/entities/publication_entity.rb
new file mode 100644
index 000000000..b6a049aeb
--- /dev/null
+++ b/app/api/entities/publication_entity.rb
@@ -0,0 +1,24 @@
+module Entities
+  class PublicationEntity < Grape::Entity
+    expose :element_id, :element_type, :taggable_data
+    expose :svg
+    expose :analysis_type
+    expose :children, as: 'children', using: Entities::PublicationEntity
+    expose :dois
+
+    def dois
+      # od = object.descendants&.sort { |x, y| y.id <=> x.id }
+      # dois = od&.map{ |o| o.taggable_data['doi'] }
+
+      ([object] + object.descendants)&.map{ |o| o.doi.full_doi }
+    end
+    def svg
+      s = object.element&.reaction_svg_file if object.element_type == 'Reaction'
+      s = object.element&.sample_svg_file if object.element_type == 'Sample'
+      s
+    end
+    def analysis_type
+      analysis_type = object.element&.extended_metadata['kind'] if object.element_type == 'Container'
+    end
+  end
+end
diff --git a/app/api/entities/reaction_entity.rb b/app/api/entities/reaction_entity.rb
new file mode 100644
index 000000000..edb572d72
--- /dev/null
+++ b/app/api/entities/reaction_entity.rb
@@ -0,0 +1,21 @@
+module Entities
+  class ReactionEntity < Grape::Entity
+    expose :id, documentation: { type: "Integer", desc: "Reaction's unique id"}
+    expose :name, :short_label, :description, :publication, :reaction_svg_file,
+    :rinchi_long_key, :rinchi_short_key, :rinchi_string
+    expose :rinchi_web_key, if: -> (obj, opts) { obj.respond_to? :rinchi_web_key}
+    # expose :analysis_samples_reactions, if: -> (obj, opts) { obj.respond_to? :analysis_samples_reactions}
+    expose :container, using: Entities::ContainerEntity
+    expose :products, using: Entities::SampleEntity
+    expose :doi, using: Entities::DoiEntity
+    expose :status, if: -> (obj, opts) { obj.respond_to? :status}
+    expose :tlc_description, if: -> (obj, opts) { obj.respond_to? :tlc_description}
+    expose :tlc_solvents, if: -> (obj, opts) { obj.respond_to? :tlc_solvents}
+    expose :temperature, if: -> (obj, opts) { obj.respond_to? :temperature}
+    expose :timestamp_start, if: -> (obj, opts) { obj.respond_to? :timestamp_start}
+    expose :timestamp_stop, if: -> (obj, opts) { obj.respond_to? :timestamp_stop}
+    expose :observation, if: -> (obj, opts) { obj.respond_to? :observation}
+    expose :rf_value, if: -> (obj, opts) { obj.respond_to? :rf_value}
+    expose :duration
+  end
+end
diff --git a/app/api/entities/sample_entity.rb b/app/api/entities/sample_entity.rb
index 5b44b7cd9..cc9f8b7fc 100644
--- a/app/api/entities/sample_entity.rb
+++ b/app/api/entities/sample_entity.rb
@@ -3,6 +3,8 @@ class SampleEntity < Entities::SampleAttrEntity
     expose :molecule
     expose :container, using: Entities::ContainerEntity
     expose :tag
+    expose :publication
+    expose :doi, using: Entities::DoiEntity
     expose :residues
     expose :elemental_compositions, using: Entities::ElementalCompositionEntity
 
diff --git a/app/api/entities/user_entity.rb b/app/api/entities/user_entity.rb
index 87f755866..b4d417ee7 100644
--- a/app/api/entities/user_entity.rb
+++ b/app/api/entities/user_entity.rb
@@ -17,6 +17,17 @@ class UserEntity < Grape::Entity
     expose :is_templates_moderator, documentation: { type: "Boolean", desc: "ketcherails template administrator" }
     expose :molecule_editor, documentation: { type: 'Boolean', desc: 'molecule administrator' }
     expose :account_active, documentation: { type: 'Boolean', desc: 'User Account Active or Inactive' }
+    expose :affiliations
+    expose :is_article_editor, :is_howto_editor
+
+    def affiliations
+      a = {}
+      object.affiliations.select(
+        'id',
+        'affiliations.department || chr(44)|| chr(32) || affiliations.organization || chr(44)|| chr(32) || affiliations.country as aff'
+      ).reduce(a){|acc, affiliation| a[affiliation.id] = affiliation.aff}
+      a
+    end
 
     def samples_count
       object.counters['samples'].to_i
diff --git a/app/api/helpers/collection_helpers.rb b/app/api/helpers/collection_helpers.rb
index 12d9697f4..fb57ef1f8 100644
--- a/app/api/helpers/collection_helpers.rb
+++ b/app/api/helpers/collection_helpers.rb
@@ -102,12 +102,17 @@ def fetch_source_collection_for_assign
   end
 
   def set_var(c_id = params[:collection_id], is_sync = params[:is_sync])
+    public_col = !is_sync && [Collection.public_collection_id, Collection.scheme_only_reactions_collection_id].include?(params[:collection_id])
+    if public_col
+      @c_id = params[:collection_id] if public_col
+    else
     @c_id = fetch_collection_id_w_current_user(c_id, is_sync)
+    end
     @c = Collection.find_by(id: @c_id)
     cu_id = current_user&.id
     @is_owned = cu_id && ((@c.user_id == cu_id && !@c.is_shared) || @c.shared_by_id == cu_id)
 
-    @dl = {
+    @dl ||= {
       permission_level: 10,
       sample_detail_level: 10,
       reaction_detail_level: 10,
@@ -116,7 +121,7 @@ def set_var(c_id = params[:collection_id], is_sync = params[:is_sync])
       researchplan_detail_level: 10,
     }
 
-    @dl = detail_level_for_collection(c_id, is_sync) unless @is_owned
+    @dl = detail_level_for_collection(c_id, is_sync) unless @is_owned || [Collection.public_collection_id, Collection.scheme_only_reactions_collection_id].include?(@c_id)
     @pl = @dl[:permission_level]
     @dl_s = @dl[:sample_detail_level]
     @dl_r = @dl[:reaction_detail_level]
@@ -124,4 +129,27 @@ def set_var(c_id = params[:collection_id], is_sync = params[:is_sync])
     @dl_sc = @dl[:screen_detail_level]
     @dl_rp = @dl[:researchplan_detail_level]
   end
+
+  def check_params_collection_id
+    params[:collection_id] = case params[:collection_id]
+                             when 'public'
+                               Collection.public_collection_id
+                             when 'schemeOnly'
+                               Collection.scheme_only_reactions_collection_id
+                             else
+                               params[:collection_id]
+                             end
+  end
+
+  def set_var_for_unsigned_user
+    params[:is_sync] = false
+    @dl = {
+      permission_level: 0,
+      sample_detail_level: 10,
+      reaction_detail_level: 10,
+      wellplate_detail_level: 0,
+      screen_detail_level: 0,
+      researchplan_detail_level: 0
+    }
+  end
 end
diff --git a/app/api/helpers/report_helpers.rb b/app/api/helpers/report_helpers.rb
index 7e30ae956..5692d154d 100644
--- a/app/api/helpers/report_helpers.rb
+++ b/app/api/helpers/report_helpers.rb
@@ -209,6 +209,7 @@ def build_sql_sample_sample(columns, c_id, ids, checkedAll = false)
       , res.residue_type, s.molfile_version
       , s.stereo->>'abs' as "stereo_abs", s.stereo->>'rel' as "stereo_rel"
       , #{columns}
+      , ets.taggable_data#>>'{publication,doi}' as "doi"
       from (
         select
           s.id as s_id
@@ -231,6 +232,7 @@ def build_sql_sample_sample(columns, c_id, ids, checkedAll = false)
       left join molecules m on s.molecule_id = m.id
       left join molecule_names mn on s.molecule_name_id = mn.id
       left join residues res on res.sample_id = s.id
+      left join element_tags ets on ets.taggable_type = 'Sample' and ets.taggable_id = s.id
       order by #{order};
     SQL
   end
@@ -263,6 +265,7 @@ def build_sql_sample_analyses(columns, c_id, ids, checkedAll = false)
         , anac.extended_metadata->'content' as "content"
         , anac.extended_metadata->'status' as "status"
         , clg.id as uuid
+        , ets.taggable_data#>>'{publication,analysis_doi}' as "doi"
         , (select array_to_json(array_agg(row_to_json(dataset)))
           from (
           select  datc."name" as "dataset name"
@@ -284,6 +287,7 @@ def build_sql_sample_analyses(columns, c_id, ids, checkedAll = false)
         inner join container_hierarchies ch on cont.id = ch.ancestor_id and ch.generations = 2
         inner join containers anac on anac.id = ch.descendant_id
         left join code_logs clg on clg."source" = 'container' and clg.source_id = anac.id
+        left join element_tags ets on ets.taggable_type = 'Container' and ets.taggable_id = anac.id
         where cont.containable_type = '#{cont_type}' and cont.containable_id = #{t}.id
         ) analysis
       ) as analyses
diff --git a/app/api/helpers/repository_helpers.rb b/app/api/helpers/repository_helpers.rb
new file mode 100644
index 000000000..e5be04f9e
--- /dev/null
+++ b/app/api/helpers/repository_helpers.rb
@@ -0,0 +1,123 @@
+module RepositoryHelpers
+  extend Grape::API::Helpers
+
+  def check_repo_review_permission(element)
+    return true if User.reviewer_ids&.include? current_user.id
+    pub = Publication.find_by(element_id: element.id, element_type: element.class.name)
+    return false if pub.nil?
+    return true if pub && pub.published_by == current_user.id && ( pub.state == Publication::STATE_REVIEWED || pub.state == Publication::STATE_PENDING)
+    return false
+  end
+
+  def repo_review_level(id, type)
+    return 3 if User.reviewer_ids&.include? current_user.id
+    pub = Publication.find_by(element_id: id, element_type: type.classify)
+    return 0 if pub.nil?
+    return 2 if pub.published_by === current_user.id
+    sync_cols = pub.element.sync_collections_users.where(user_id: current_user.id)
+    return 1 if (sync_cols&.length > 0)
+    return 0
+  end
+
+  def get_literature(id, type, cat='public')
+    literatures = Literature.by_element_attributes_and_cat(id, type.classify, cat)
+      .joins("inner join users on literals.user_id = users.id")
+      .select(
+        <<~SQL
+        literatures.* , literals.element_type,
+        json_object_agg(users.name_abbreviation, users.first_name || chr(32) || users.last_name) as ref_added_by
+        SQL
+      ).group('literatures.id, literals.element_type').as_json
+    literatures
+  end
+
+  def get_reaction_table(id)
+    schemeAll = ReactionsSample.where('reaction_id = ? and type != ?', id, 'ReactionsPurificationSolventSample')
+    .joins(:sample)
+    .joins("inner join molecules on samples.molecule_id = molecules.id")
+    .select(
+      <<~SQL
+      reactions_samples.id,
+      molecules.iupac_name, molecules.sum_formular,
+      molecules.molecular_weight,
+      samples.real_amount_value, samples.real_amount_unit,
+      samples.target_amount_value, samples.target_amount_unit,
+      samples.purity, samples.density, samples.external_label,
+      samples.molarity_value, samples.molarity_unit,
+      reactions_samples.equivalent,reactions_samples.scheme_yield,
+      reactions_samples."position" as rs_position,
+      case when reactions_samples."type" = 'ReactionsStartingMaterialSample' then 'starting_materials'
+      when reactions_samples."type" = 'ReactionsReactantSample' then 'reactants'
+      when reactions_samples."type" = 'ReactionsProductSample' then 'products'
+      when reactions_samples."type" = 'ReactionsSolventSample' then 'solvents'
+      when reactions_samples."type" = 'ReactionsPurificationSolventSample' then 'purification_solvents'
+      else reactions_samples."type"
+      end mat_group,
+      case when reactions_samples."type" = 'ReactionsStartingMaterialSample' then 1
+      when reactions_samples."type" = 'ReactionsReactantSample' then 2
+      when reactions_samples."type" = 'ReactionsProductSample' then 3
+      when reactions_samples."type" = 'ReactionsSolventSample' then 4
+      when reactions_samples."type" = 'ReactionsPurificationSolventSample' then 5
+      else 6
+      end type_seq
+      SQL
+    ).order('reactions_samples.position ASC').as_json
+
+    schemeSorted = schemeAll.sort_by {|o| o['type_seq']}
+
+    solvents_sum = schemeAll.select{ |d| d['mat_group'] === 'solvents'}.sum { |r|
+    value = r['real_amount_value'].nil? ? r['target_amount_value'].to_f : r['real_amount_value'].to_f
+    unit = r['real_amount_value'].nil? ? r['target_amount_unit'] : r['real_amount_unit']
+
+    has_molarity = !r['molarity_value'].nil? && r['molarity_value'] > 0.0 && (r['density'] === 0.0) || false
+    has_density = !r['density'].nil? && r['density'] > 0.0 && (r['molarity_value'] === 0.0) || false
+
+    molarity = r['molarity_value'] && r['molarity_value'].to_f || 1.0
+    density = r['density'] && r['density'].to_f || 1.0
+    purity = r['purity'] && r['purity'].to_f || 1.0
+    molecular_weight = r['molecular_weight'] && r['molecular_weight'].to_f || 1.0
+
+    r['amount_g'] = unit === 'g'? value : unit === 'mg'? value.to_f / 1000.0 : unit === 'mol' ?  (value / purity) * molecular_weight : unit === 'l' && !has_molarity && !has_density ? 0 : has_molarity ? value * molarity * molecular_weight : value * density * 1000
+    r['amount_l'] = unit === 'l'? value : !has_molarity && !has_density ? 0 : has_molarity ? (r['amount_g'].to_f * purity) / (molarity * molecular_weight) : has_density ? r['amount_g'].to_f / (density * 1000) : 0
+    r['amount_l'].nil? ? 0 : r['amount_l'].to_f
+  }
+
+    schemeList = []
+    schemeList = schemeSorted.map do |r|
+      scheme = {}
+      value = r['real_amount_value'].nil? ? r['target_amount_value'].to_f : r['real_amount_value'].to_f
+      unit = r['real_amount_value'].nil? ? r['target_amount_unit'] : r['real_amount_unit']
+
+      has_molarity = !r['molarity_value'].nil? && r['molarity_value'] > 0.0 && (r['density'] === 0.0) || false
+      has_density = !r['density'].nil? && r['density'] > 0.0 && (r['molarity_value'] === 0.0) || false
+
+      molarity = r['molarity_value'] && r['molarity_value'].to_f || 1.0
+      density = r['density'] && r['density'].to_f || 1.0
+      purity = r['purity'] && r['purity'].to_f || 1.0
+      molecular_weight = r['molecular_weight'] && r['molecular_weight'].to_f || 1.0
+      r['amount_g'] = unit === 'g'? value : unit === 'mg'? value.to_f / 1000.0 : unit === 'mol' ?  (value / purity) * molecular_weight : unit === 'l' && !has_molarity && !has_density ? 0 : has_molarity ? value * molarity * molecular_weight : value * density * 1000
+      r['amount_l'] = unit === 'l'? value : !has_molarity && !has_density ? 0 : has_molarity ? (r['amount_g'].to_f * purity) / (molarity * molecular_weight) : has_density ? r['amount_g'].to_f / (density * 1000) : 0
+
+      if r['mat_group'] === 'solvents'
+        r['equivalent'] = r['amount_l'] / solvents_sum
+      else
+        r['amount_mol'] = unit === 'mol'? value : has_molarity ? r['amount_l'] * molarity : r['amount_g'].to_f * purity / molecular_weight
+        r['dmv'] = !has_molarity && !has_density ? '- / -' : has_density ? + density.to_s + ' / - ' : ' - / ' + molarity.to_s + r['molarity_unit']
+      end
+
+      r.delete('real_amount_value');
+      r.delete('real_amount_unit');
+      r.delete('target_amount_value');
+      r.delete('target_amount_unit');
+      r.delete('molarity_value');
+      r.delete('molarity_unit');
+      r.delete('purity');
+      r.delete('molecular_weight');
+      r.delete('rs_position');
+      r.delete('density');
+      r
+    end
+    schemeList
+  end
+
+end
diff --git a/app/api/helpers/submission_helpers.rb b/app/api/helpers/submission_helpers.rb
new file mode 100644
index 000000000..6062acfe6
--- /dev/null
+++ b/app/api/helpers/submission_helpers.rb
@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# A helper for submission
+module SubmissionHelpers
+  extend Grape::API::Helpers
+
+  def ols_validation(analyses)
+    analyses.each do |ana|
+      error!('analyses check fail', 404) if (ana.extended_metadata['kind'].match /^\w{3,4}\:\d{6,7}\s\|\s\w+/).nil?
+    end
+  end
+
+  def coauthor_validation(coauthors)
+    coauthor_ids = []
+    coauthors.each do |coa|
+      val = coa.strip
+      p = User.where(type: %w[Person Collaborator]).where.not(confirmed_at: nil).where('id = ? or email = ?', val.to_i, val.to_s).first
+      error!('invalid co-author: ' + val.to_s, 404) if p.nil?
+      coauthor_ids << p.id
+    end
+    coauthor_ids
+  end
+end
diff --git a/app/assets/javascripts/admin/AdminHome.js b/app/assets/javascripts/admin/AdminHome.js
index 283fdbc15..13213326b 100644
--- a/app/assets/javascripts/admin/AdminHome.js
+++ b/app/assets/javascripts/admin/AdminHome.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Grid, Row, Col, Nav, NavItem } from 'react-bootstrap';
+import { DragDropContext } from 'react-dnd';
+import HTML5Backend from 'react-dnd-html5-backend';
 import AdminNavigation from './AdminNavigation';
 import Notifications from '../components/Notifications';
 import AdminDashboard from './AdminDashboard';
@@ -170,7 +172,8 @@ class AdminHome extends React.Component {
     );
   }
 }
+const AdminHomeWithDnD = DragDropContext(HTML5Backend)(AdminHome);
 document.addEventListener('DOMContentLoaded', () => {
   const domElement = document.getElementById('AdminHome');
-  if (domElement) { ReactDOM.render(<AdminHome />, domElement); }
+  if (domElement) { ReactDOM.render(<AdminHomeWithDnD />, domElement); }
 });
diff --git a/app/assets/javascripts/affiliations.js b/app/assets/javascripts/affiliations.js
index 3f23eaf47..f7c861d14 100644
--- a/app/assets/javascripts/affiliations.js
+++ b/app/assets/javascripts/affiliations.js
@@ -32,7 +32,6 @@ $(function() {
   attachAutoComplete("countries", "country-select")
   attachAutoComplete("organizations", "organization-select")
   attachAutoComplete("departments", "department-select")
-  attachAutoComplete("groups", "group-select")
 
 });
 $("input#user_email").focusout(
diff --git a/app/assets/javascripts/components.js b/app/assets/javascripts/components.js
index f9da1f3fc..5624f192c 100644
--- a/app/assets/javascripts/components.js
+++ b/app/assets/javascripts/components.js
@@ -8,6 +8,10 @@ var ChemScanner = require('./components/chemscanner/ChemScanner');
 var ChemSpectra = require('./components/chemspectra/ChemSpectra');
 var ChemSpectraEditor = require('./components/chemspectra/ChemSpectraEditor');
 var MoleculeModerator = require('./components/MoleculeModerator');
+var RepoNewsEditor = require('./libHome/RepoNewsEditor');
+var RepoNewsReader = require('./libHome/RepoNewsReader');
+var RepoHowToEditor = require('./libHome/RepoHowToEditor');
+var RepoHowToReader = require('./libHome/RepoHowToReader');
 var App = require('./components/App');
 
 //= require_self
diff --git a/app/assets/javascripts/components/CollectionSubtree.js b/app/assets/javascripts/components/CollectionSubtree.js
index 0ef9d3705..09461a582 100644
--- a/app/assets/javascripts/components/CollectionSubtree.js
+++ b/app/assets/javascripts/components/CollectionSubtree.js
@@ -11,7 +11,27 @@ import UserInfos from './UserInfos';
 import GatePushBtn from './common/GatePushBtn'
 import { collectionShow, scollectionShow } from './routesUtils';
 
-
+const labeling = (label) => {
+  if (typeof (label) === 'string' && (label.startsWith('Reviewing') || label.startsWith('Element To Review') || label.startsWith('Reviewed'))) {
+    const ls = label.split(',');
+    if (ls.length >= 3) {
+      const sicon = ls[1].substr(1) === '0' ? '' : <i className="icon-sample"> {ls[1].substr(1)} &nbsp; </i>;
+      const ricon = ls[2].substr(1) === '0' ? '' : <i className="icon-reaction"> {ls[2].substr(1)} &nbsp;  </i>;
+      return label.startsWith('Reviewing') ?
+        (
+          <div style={{ display: 'inline', color: 'red' }}>
+            {ls[0]} &nbsp; {sicon} {ricon}
+          </div>
+        ) :
+        (
+          <div style={{ display: 'inline' }}>
+            {ls[0]} &nbsp; {sicon} {ricon}
+          </div>
+        );
+    }
+  }
+  return label;
+}
 
 export default class CollectionSubtree extends React.Component {
   constructor(props) {
@@ -113,7 +133,6 @@ export default class CollectionSubtree extends React.Component {
     }
   }
 
-
   expandButton() {
     let icon = this.state.visible ? 'minus' : 'plus';
 
@@ -146,12 +165,6 @@ export default class CollectionSubtree extends React.Component {
   }
 
   handleClick(e) {
-    const {fakeRoot} = this.props
-    if (fakeRoot) {
-      e.stopPropagation()
-      return
-    }
-
     const { root } = this.state
     let {visible} = this.state
     const uiState = UIStore.getState()
@@ -223,9 +236,10 @@ export default class CollectionSubtree extends React.Component {
 
 
   render() {
-    const {fakeRoot} = this.props
-    const {label, root} = this.state
-    let {visible} = this.state
+    const { root, visible } = this.state
+    let { label } = this.state
+
+    label = labeling(label);
 
     let style
     if (!visible) {
diff --git a/app/assets/javascripts/components/CollectionTree.js b/app/assets/javascripts/components/CollectionTree.js
index 3af8effcf..caa823c5f 100644
--- a/app/assets/javascripts/components/CollectionTree.js
+++ b/app/assets/javascripts/components/CollectionTree.js
@@ -16,7 +16,7 @@ import UserInfos from './UserInfos';
 import DeviceBox from './inbox/DeviceBox';
 import UnsortedBox from './inbox/UnsortedBox';
 
-const colVisibleTooltip = <Tooltip id="col_visible_tooltip">Toggle own collections</Tooltip>;
+const colVisibleTooltip = <Tooltip id="col_visible_tooltip">Toggle My Collections</Tooltip>;
 
 export default class CollectionTree extends React.Component {
   constructor(props) {
@@ -37,8 +37,9 @@ export default class CollectionTree extends React.Component {
       syncCollectionVisible: false,
       inbox: inboxState.inbox,
       numberOfAttachments: inboxState.numberOfAttachments,
-      inboxVisible: false
-    };
+      inboxVisible: false,
+      syncChemotionVisible: true,
+    }
 
     this.onChange = this.onChange.bind(this);
     this.onClickInbox = this.onClickInbox.bind(this);
@@ -48,7 +49,7 @@ export default class CollectionTree extends React.Component {
     CollectionStore.listen(this.onChange);
     InboxStore.listen(this.onChange);
     CollectionActions.fetchLockedCollectionRoots();
-    CollectionActions.fetchUnsharedCollectionRoots();
+    // CollectionActions.fetchUnsharedCollectionRoots();
     CollectionActions.fetchSharedCollectionRoots();
     CollectionActions.fetchRemoteCollectionRoots();
     CollectionActions.fetchSyncInCollectionRoots();
@@ -93,11 +94,25 @@ export default class CollectionTree extends React.Component {
     return newRoots;
   }
 
+  publicRoots(roots, preservePublic) {
+    let newRoots =[]
+    roots.forEach((root) => {
+      if(preservePublic) {
+        if (root.is_public) newRoots.push(root)
+      } else {
+        if (!root.is_public) newRoots.push(root)
+      }
+    })
+
+    return newRoots
+  }
+
   unsharedSubtrees() {
     let roots = this.state.unsharedRoots;
-    roots = roots.filter(function(item) { return !item.isNew})
+    // roots = roots.filter(function(item) { return !item.isNew})
 
-    return this.subtrees(roots, null, false);
+    // return this.subtrees(roots, null, false);
+    return null
   }
 
   sharedSubtrees() {
@@ -182,6 +197,7 @@ export default class CollectionTree extends React.Component {
   remoteSyncInSubtrees() {
     let {syncInRoots, syncCollectionVisible} = this.state
     syncInRoots = this.removeOrphanRoots(syncInRoots)
+    syncInRoots = this.publicRoots(syncInRoots, false)
 
     let labelledRoots = syncInRoots.map(e => {
       return update(e, {label: {$set:
@@ -207,6 +223,43 @@ export default class CollectionTree extends React.Component {
                          false, syncCollectionVisible)
   }
 
+  publicSubtrees() {
+    let {syncInRoots, syncChemotionVisible} = this.state
+    syncInRoots = this.removeOrphanRoots(syncInRoots)
+    syncInRoots = this.publicRoots(syncInRoots, true)
+
+    let orderedRoots = []
+    if (syncInRoots && syncInRoots[0] && syncInRoots[0].children) {
+      syncInRoots[0].children.map((e,idx) => {
+        if (e.label.match(/hemotion/) ) {
+          orderedRoots[0] = e;
+          orderedRoots[0].label = 'Chemotion';
+        } else if (typeof e.label === 'string' && e.label === 'Scheme-only reactions') {
+          orderedRoots[1] = e;
+        } else if (e.label.match(/Published Elements/)) {
+          orderedRoots[2] = e
+          orderedRoots[2].label = 'My Published Elements'
+        } else if (e.label === 'Pending Publications') {orderedRoots[3] = e  }
+        else if (typeof e.label === 'string' && e.label.startsWith('Reviewing')) {orderedRoots[4] = e  }
+        else if (typeof e.label === 'string' && e.label.startsWith('Element To Review')) {orderedRoots[5] = e  }
+        else if (typeof e.label === 'string' && e.label.startsWith('Reviewed')) { orderedRoots[6] = e }
+        else if (e.label === 'Embargoed Publications') {orderedRoots[7] = e  }
+        else {orderedRoots[idx+10] = e  }
+      })
+    }
+
+    let subTreeLabels = (
+      <div className="tree-view">
+        <div className={"title title-public " } style={{backgroundColor:'white'}}
+              // onClick={() => this.setState({syncChemotionVisible: !syncChemotionVisible})}
+        >
+        </div>
+      </div>
+    )
+
+    return this.subtrees(orderedRoots, subTreeLabels,
+                         true, syncChemotionVisible)
+  }
 
   labelRoot(sharedToOrBy, rootCollection) {
     let shared = rootCollection[sharedToOrBy]
@@ -228,7 +281,12 @@ export default class CollectionTree extends React.Component {
 
   subtrees(roots, label, isRemote, visible = true) {
     let subtrees = roots.map((root, index) => {
-      return <CollectionSubtree root={root} key={index} isRemote={isRemote}/>
+      return  <CollectionSubtree
+                root={root}
+                key={index}
+                isRemote={isRemote}
+              //  deSelectPublic={this.deSelectPublic}
+              />
     })
 
     let subtreesVisible = visible ? "" : "none"
@@ -244,7 +302,7 @@ export default class CollectionTree extends React.Component {
 
   collectionManagementButton() {
     return (
-      <div className="take-ownership-btn">
+      <div className="take-ownership-btn" style={{ display: 'none' }} >
         <Button bsSize="xsmall" bsStyle="danger"
                 onClick={() => this.handleCollectionManagementToggle()}>
           <i className="fa fa-cog"></i>
@@ -295,32 +353,46 @@ export default class CollectionTree extends React.Component {
     const ownCollectionDisplay = ownCollectionVisible ? '' : 'none';
     const inboxDisplay = inboxVisible ? '' : 'none';
 
-    return (
-      <div>
+    const myCollections = this.state.lockedRoots && this.state.lockedRoots.length > 0 ? (
         <div className="tree-view">
           {this.collectionManagementButton()}
-          <OverlayTrigger placement="top" delayShow={1000} overlay={colVisibleTooltip}>
-            <div className="title" style={{backgroundColor:'white'}}
-                 onClick={() => this.setState({ownCollectionVisible: !ownCollectionVisible})}>
-              <i className="fa fa-list" /> &nbsp;&nbsp; Collections
+          <OverlayTrigger
+            placement="top"
+            delayShow={1000}
+            overlay={colVisibleTooltip}
+          >
+            <div
+              className="title"
+              style={{ backgroundColor: 'white' }}
+              onClick={() => this.setState({ownCollectionVisible: !ownCollectionVisible})}
+            >
+              <i className="fa fa-list" /> &nbsp;&nbsp; My Collections
             </div>
           </OverlayTrigger>
         </div>
-        <div className="tree-wrapper" style={{ display: ownCollectionDisplay }}>
+    ) : <div />
+
+    return (
+      <div>
+        <div className="tree-wrapper">
+          {this.publicSubtrees()}
+        </div>
+        {myCollections}
+        <div className="tree-wrapper" style={{display: ownCollectionDisplay}}>
           {this.lockedSubtrees()}
           {this.unsharedSubtrees()}
         </div>
-        <div className="tree-wrapper">
+        <div className="tree-wrapper" style={{ display: 'none' }} >
           {this.sharedSubtrees()}
         </div>
-        <div className="tree-wrapper">
+        <div className="tree-wrapper" style={{ display: 'none' }} >
           {this.remoteSubtrees()}
         </div>
-        <div className="tree-wrapper">
+        <div className="tree-wrapper" style={{ display: 'none' }} >
           {this.remoteSyncInSubtrees()}
         </div>
         {extraDiv.map((e)=>{return e})}
-        <div className="tree-view">
+        <div className="tree-view" style={{ display: 'none' }} >
           <div className="title" style={{ backgroundColor: 'white' }}>
             <i className="fa fa-inbox" onClick={() => this.onClickInbox()}> &nbsp; Inbox &nbsp;</i>
             {
diff --git a/app/assets/javascripts/components/ContainerComponent.js b/app/assets/javascripts/components/ContainerComponent.js
index bc0108906..19a1d69c1 100644
--- a/app/assets/javascripts/components/ContainerComponent.js
+++ b/app/assets/javascripts/components/ContainerComponent.js
@@ -49,9 +49,7 @@ export default class ContainerComponent extends Component {
         isChanged = true;
         break;
       case 'kind': {
-        let kind = (ev || '');
-        kind = `${kind.split('|')[0].trim()} | ${(kind.split('|')[1] || '').trim()}`;
-        container.extended_metadata.kind = kind;
+        container.extended_metadata.kind = (ev || '').trim();
         isChanged = true;
         break;
       }
diff --git a/app/assets/javascripts/components/ContainerDataset.js b/app/assets/javascripts/components/ContainerDataset.js
index 5358c3f5f..5e437cb17 100644
--- a/app/assets/javascripts/components/ContainerDataset.js
+++ b/app/assets/javascripts/components/ContainerDataset.js
@@ -8,6 +8,7 @@ import Attachment from './models/Attachment';
 import SamplesFetcher from './fetchers/SamplesFetcher';
 import AttachmentFetcher from './fetchers/AttachmentFetcher';
 import Container from './models/Container';
+import UserStore from '../components/stores/UserStore'
 
 import InboxActions from './actions/InboxActions';
 import InstrumentsFetcher from './fetchers/InstrumentsFetcher';
@@ -92,7 +93,11 @@ export default class ContainerDataset extends Component {
   }
 
   handleAttachmentDownload(attachment) {
-      Utils.downloadFile({contents: `/api/v1/attachments/${attachment.id}`, name: attachment.filename});
+    const {currentUser} = UserStore.getState()
+      if (!currentUser){
+        return( alert('Please, sign in' ))
+      }
+    Utils.downloadFile({contents: `/api/v1/attachments/${attachment.id}`, name: attachment.filename});
   }
 
   handleAttachmentRemove(attachment) {
diff --git a/app/assets/javascripts/components/ContainerDatasets.js b/app/assets/javascripts/components/ContainerDatasets.js
index 33c6736e8..c6080780c 100644
--- a/app/assets/javascripts/components/ContainerDatasets.js
+++ b/app/assets/javascripts/components/ContainerDatasets.js
@@ -113,7 +113,7 @@ export default class ContainerDatasets extends Component {
 
   render() {
     const {container, modal} = this.state;
-    const {disabled} = this.props;
+    const {readOnly, disabled} = this.props;
 
     if(container.children.length > 0) {
       return (
@@ -135,9 +135,11 @@ export default class ContainerDatasets extends Component {
                 )
               })}
               <ListGroupItem key="attachmentdropzone" disabled>
-              <AttachmentDropzone
-                handleAddWithAttachments={(attachments) => this.handleAddWithAttachments(attachments)}
-                />
+              {!readOnly && !disabled
+                ? <AttachmentDropzone
+                  handleAddWithAttachments={(attachments) => this.handleAddWithAttachments(attachments)}
+                  />
+                : null}
               </ListGroupItem>
             </ListGroup>
             {this.addButton()}
diff --git a/app/assets/javascripts/components/DetailsTabLiteratures.js b/app/assets/javascripts/components/DetailsTabLiteratures.js
index ac7380a59..3b6075f5f 100644
--- a/app/assets/javascripts/components/DetailsTabLiteratures.js
+++ b/app/assets/javascripts/components/DetailsTabLiteratures.js
@@ -302,7 +302,7 @@ export default class DetailsTabLiteratures extends Component {
     return (
       <ListGroup fill="true">
         <ListGroupItem>
-          <CitationTable rows={literatures} sortedIds={sortedIds} removeCitation={this.handleLiteratureRemove} userId={currentUser.id} />
+          <CitationTable rows={literatures} sortedIds={sortedIds} removeCitation={this.handleLiteratureRemove} userId={currentUser && currentUser.id} />
         </ListGroupItem>
         <ListGroupItem>
           <Row>
diff --git a/app/assets/javascripts/components/DragDropItemTypes.js b/app/assets/javascripts/components/DragDropItemTypes.js
index 534b67c9d..630db421c 100644
--- a/app/assets/javascripts/components/DragDropItemTypes.js
+++ b/app/assets/javascripts/components/DragDropItemTypes.js
@@ -14,4 +14,5 @@ export default {
   DATASET: 'dataset',
   CONTAINER: 'container',
   GENERALPROCEDURE: 'generalProcedure',
+  HOWTO: 'howto'
 };
diff --git a/app/assets/javascripts/components/ElementDetails.js b/app/assets/javascripts/components/ElementDetails.js
index e27dbfa15..ea57fde0d 100644
--- a/app/assets/javascripts/components/ElementDetails.js
+++ b/app/assets/javascripts/components/ElementDetails.js
@@ -31,6 +31,7 @@ export default class ElementDetails extends Component {
 
     this.handleResize = this.handleResize.bind(this);
     this.toggleFullScreen = this.toggleFullScreen.bind(this);
+    this.toggleCommentScreen = this.toggleCommentScreen.bind(this);
     this.onDetailChange = this.onDetailChange.bind(this);
   }
 
@@ -64,6 +65,10 @@ export default class ElementDetails extends Component {
     this.setState(prevState => ({ ...prevState, selecteds, activeKey, deletingElement }));
   }
 
+  toggleCommentScreen(t) {
+    this.setState({ fullScreen: t });
+  }
+
   toggleFullScreen() {
     const { fullScreen } = this.state;
     this.setState({ fullScreen: !fullScreen });
@@ -85,6 +90,8 @@ export default class ElementDetails extends Component {
           <SampleDetails
             sample={el}
             toggleFullScreen={this.toggleFullScreen}
+            toggleCommentScreen={this.toggleCommentScreen}
+            fullScreen={this.state.fullScreen}
           />
         );
       case 'reaction':
@@ -92,6 +99,8 @@ export default class ElementDetails extends Component {
           <ReactionDetails
             reaction={el}
             toggleFullScreen={this.toggleFullScreen}
+            toggleCommentScreen={this.toggleCommentScreen}
+            fullScreen={this.state.fullScreen}
           />
         );
       case 'wellplate':
diff --git a/app/assets/javascripts/components/ElementsTableEntries.js b/app/assets/javascripts/components/ElementsTableEntries.js
index 8a21a730d..9f0ea6182 100644
--- a/app/assets/javascripts/components/ElementsTableEntries.js
+++ b/app/assets/javascripts/components/ElementsTableEntries.js
@@ -17,6 +17,16 @@ import classnames from 'classnames';
 import XTdCont from './extra/ElementsTableEntriesXTdCont';
 import { elementShowOrNew } from './routesUtils';
 import SvgWithPopover from './common/SvgWithPopover';
+import { PublishedTag } from './PublishCommon';
+
+const reactionPublished = (element) => {
+  if (element.type === 'reaction') {
+    return (
+      <PublishedTag element={element} />
+    );
+  }
+  return (<span />);
+};
 
 
 export default class ElementsTableEntries extends Component {
@@ -360,8 +370,9 @@ export default class ElementsTableEntries extends Component {
                   {this.reactionStatus(element)}
                   {' '}
                   {this.reactionRole(element)}
-                  <br/>
+                  <br />
                   {sampleMoleculeName}
+                  {reactionPublished(element)}
                   <ElementCollectionLabels element={element} key={element.id}/>
                   {this.sampleAnalysesLabels(element)}
                   {this.topSecretIcon(element)}
diff --git a/app/assets/javascripts/components/ElementsTableSampleEntries.js b/app/assets/javascripts/components/ElementsTableSampleEntries.js
index 00aee12da..07bd64386 100644
--- a/app/assets/javascripts/components/ElementsTableSampleEntries.js
+++ b/app/assets/javascripts/components/ElementsTableSampleEntries.js
@@ -25,6 +25,8 @@ import Sample from './models/Sample';
 import { sampleShowOrNew } from './routesUtils';
 import SvgWithPopover from './common/SvgWithPopover';
 
+import { LabelPublication, PublishedTag, ChemotionTag } from './PublishCommon';
+
 const buildFlattenSampleIds = (displayedMoleculeGroup) => {
   let flatIndex = 0;
   const flattenSamplesId = [];
@@ -162,6 +164,7 @@ const MoleculeHeader = ({ sample, show, showDragColumn, onClick, targetType }) =
           <ChemrepoLabels chemrepoId={sample.molecule.chem_repo && sample.molecule.chem_repo.id} />
           {tdExtraContents.map(e => e)}
           <PubchemLabels element={sample} />
+          <ChemotionTag tagData={sample.pubchem_tag} />
         </div>
         <div style={{ position: 'absolute', bottom: '10px', right: '25px', float: 'right' }} >
           <ComputedPropLabel cprops={sample.molecule_computed_props} />
@@ -343,6 +346,8 @@ export default class ElementsTableSampleEntries extends Component {
             {sample.title(selected)}
             <div style={{ float: 'right', display: 'flex', alignItems: 'center' }}>
               <XvialIcon label={sample.external_label} />
+              <LabelPublication element={sample} key={sample.id + "_publication"} />
+              <PublishedTag element={sample} />
               <ElementReactionLabels element={sample} key={`${sample.id}_reactions`} />
               <ElementCollectionLabels element={sample} key={`${sample.id}`} />
               <ElementAnalysesLabels element={sample} key={`${sample.id}_analyses`} />
diff --git a/app/assets/javascripts/components/List.js b/app/assets/javascripts/components/List.js
index 59e917596..e2377d29a 100644
--- a/app/assets/javascripts/components/List.js
+++ b/app/assets/javascripts/components/List.js
@@ -164,9 +164,8 @@ export default class List extends React.Component {
       array = array.set(Math.abs(order), key)
     })
 
-    array = array.filter(function(n) { return n != undefined })
-
-    return array
+    array = array.filter( n => ["sample", "reaction"].includes(n));
+    return array;
   }
 
   render() {
diff --git a/app/assets/javascripts/components/LiteratureCommon.js b/app/assets/javascripts/components/LiteratureCommon.js
index 6e37e839f..799b6ea7e 100644
--- a/app/assets/javascripts/components/LiteratureCommon.js
+++ b/app/assets/javascripts/components/LiteratureCommon.js
@@ -1,10 +1,28 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button, FormControl } from 'react-bootstrap';
-import Immutable from 'immutable';
+import { Button, FormControl, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import uuid from 'uuid';
 import Cite from 'citation-js';
 import Literature from './models/Literature';
-import LiteraturesFetcher from './fetchers/LiteraturesFetcher';
+
+
+const RefByUserInfo = ({ info }) => {
+  if (typeof (info) === 'undefined' || !info || info.length === 0) {
+    return (<div />);
+  }
+  return (
+    <OverlayTrigger
+      placement="bottom"
+      overlay={
+        <Tooltip id={`ref_by_user_${uuid.v4()}`}>
+          Reference added by {Object.keys(info).map(k => info[k]).join(', ')}
+        </Tooltip>
+      }
+    >
+      <i className="fa fa-book" />
+    </OverlayTrigger>
+  );
+};
 
 const TitleInput = ({ literature, handleInputChange }) => (
   <FormControl
@@ -81,7 +99,6 @@ const doiValid = (doi) => {
 
 const literatureContent = (literature, onlyText) => {
   let content;
-
   if (literature.refs && literature.refs.citation) {
     content = (
       <div>
@@ -123,11 +140,10 @@ const literatureContent = (literature, onlyText) => {
 }
 
 const Citation = ({ literature }) => {
-  const { title, year, doi, url, refs } = literature;
+  const { doi, url } = literature;
   const formatedDoi = doi ? `https://dx.doi.org/${sanitizeDoi(doi)}` : null;
   const link = formatedDoi || url;
   const content = literatureContent(literature);
-
   return (
     <a
       href={link}
@@ -139,7 +155,7 @@ const Citation = ({ literature }) => {
   );
 };
 Citation.propTypes = {
-  literature: PropTypes.instanceOf(Literature).isRequired
+  literature: PropTypes.any.isRequired,
 };
 
 const CitationUserRow = ({ literature, userId }) => (
@@ -230,5 +246,6 @@ export {
   groupByCitation,
   sortByElement,
   sortByReference,
-  literatureContent
+  literatureContent,
+  RefByUserInfo
 };
diff --git a/app/assets/javascripts/components/Material.js b/app/assets/javascripts/components/Material.js
index 76d4b7037..da386ed90 100644
--- a/app/assets/javascripts/components/Material.js
+++ b/app/assets/javascripts/components/Material.js
@@ -142,7 +142,7 @@ class Material extends Component {
               metricPrefix={metric}
               metricPrefixes={metricPrefixes}
               precision={3}
-              disabled={(this.props.materialGroup !== 'products') && !material.reference && this.props.lockEquivColumn}
+              disabled={((this.props.materialGroup !== 'products') && !material.reference && this.props.lockEquivColumn) || this.props.reaction.is_published}
               onChange={this.handleAmountUnitChange}
               onMetricsChange={this.handleMetricsChange}
               bsStyle={material.amount_unit === 'l' ? 'success' : 'default'}
@@ -171,7 +171,7 @@ class Material extends Component {
           metricPrefixes={['n']}
           bsStyle={material.error_loading ? 'error' : 'success'}
           precision={3}
-          disabled={this.props.materialGroup === 'products' || (!material.reference && this.props.lockEquivColumn)}
+          disabled={this.props.materialGroup === 'products' || (!material.reference && this.props.lockEquivColumn) || this.props.reaction.is_published}
           onChange={loading => this.handleLoadingChange(loading)}
         />
       </td>
@@ -229,7 +229,7 @@ class Material extends Component {
       <NumeralInputWithUnitsCompo
         precision={4}
         value={material.equivalent}
-        disabled={(((material.reference || false) && material.equivalent) !== false) || this.props.lockEquivColumn}
+        disabled={(((material.reference || false) && material.equivalent) !== false) || this.props.lockEquivColumn || this.props.reaction.is_published}
         onChange={e => this.handleEquivalentChange(e)}
       />
     );
@@ -445,7 +445,7 @@ class Material extends Component {
                 metricPrefix={metric}
                 metricPrefixes={metricPrefixes}
                 precision={4}
-                disabled={this.props.materialGroup !== 'products' && !material.reference && this.props.lockEquivColumn}
+                disabled={(this.props.materialGroup !== 'products' && !material.reference && this.props.lockEquivColumn) || this.props.reaction.is_published}
                 onChange={this.handleAmountUnitChange}
                 onMetricsChange={this.handleMetricsChange}
                 bsStyle={material.error_mass ? 'error' : massBsStyle}
@@ -464,7 +464,7 @@ class Material extends Component {
             metricPrefix={metricMol}
             metricPrefixes={metricPrefixesMol}
             precision={4}
-            disabled={this.props.materialGroup === 'products' || (!material.reference && this.props.lockEquivColumn)}
+            disabled={this.props.materialGroup === 'products' || (!material.reference && this.props.lockEquivColumn) || this.props.reaction.is_published}
             onChange={this.handleAmountUnitChange}
             onMetricsChange={this.handleMetricsChange}
             bsStyle={material.amount_unit === 'mol' ? 'success' : 'default'}
@@ -494,6 +494,7 @@ class Material extends Component {
           <Button
             bsStyle="danger"
             bsSize="small"
+            disabled={this.props.reaction.is_published == true}
             onClick={() => deleteMaterial(material)}
           >
             <i className="fa fa-trash-o" />
@@ -551,6 +552,7 @@ class Material extends Component {
               <OverlayTrigger placement="bottom" overlay={refreshSvgTooltip}>
                 <Button
                   active
+                  disabled={this.props.reaction.is_published == true}
                   onClick={e => this.handleExternalLabelCompleted(e)}
                   bsSize="small"
                 ><i className="fa fa-refresh" /></Button>
@@ -575,6 +577,7 @@ class Material extends Component {
           <Button
             bsStyle="danger"
             bsSize="small"
+            disabled={this.props.reaction.is_published == true}
             onClick={() => deleteMaterial(material)}
           ><i className="fa fa-trash-o" /></Button>
         </td>
@@ -588,6 +591,7 @@ class Material extends Component {
         active
         style={style}
         onClick={() => this.toggleTarget(isTarget)}
+        disabled={this.props.reaction.is_published == true}
         bsStyle={isTarget ? 'success' : 'primary'}
         bsSize="small"
       >{isTarget ? 't' : 'r'}</Button>
diff --git a/app/assets/javascripts/components/MaterialGroup.js b/app/assets/javascripts/components/MaterialGroup.js
index 8e89a3d2e..7bbc9b3ac 100644
--- a/app/assets/javascripts/components/MaterialGroup.js
+++ b/app/assets/javascripts/components/MaterialGroup.js
@@ -11,6 +11,7 @@ import Reaction from './models/Reaction';
 import { defaultMultiSolventsSmilesOptions } from './staticDropdownOptions/options';
 import { ionic_liquids } from './staticDropdownOptions/ionic_liquids';
 import { reagents_kombi } from './staticDropdownOptions/reagents_kombi';
+import { RequiredLabel } from '../libHome/RepoCommon';
 
 const MaterialGroup = ({
   materials, materialGroup, deleteMaterial, onChange,
@@ -189,7 +190,7 @@ const GeneralMaterialGroup = ({
             { isReactants && <th colSpan={showLoadingColumn ? 9 : 8}>{reagentDd}</th> }
             { !isReactants && <th>{refTHead}</th> }
             { !isReactants && <th>{headers.tr}</th> }
-            { !isReactants && <th>{headers.amount}</th> }
+            {!isReactants && <th>{headers.amount}&nbsp;<RequiredLabel placement="top" /></th> }
             { !isReactants && <th /> }
             { !isReactants && <th /> }
             { showLoadingColumn && !isReactants && <th>{headers.loading}</th> }
diff --git a/app/assets/javascripts/components/Navigation.js b/app/assets/javascripts/components/Navigation.js
index 985a8f72d..56be00039 100644
--- a/app/assets/javascripts/components/Navigation.js
+++ b/app/assets/javascripts/components/Navigation.js
@@ -113,7 +113,8 @@ export default class Navigation extends React.Component {
   render() {
     const { modalProps, showAdvancedSearch } = this.state;
     const { profile } = UserStore.getState();
-    const { customClass } = (profile && profile.data) || {};
+    // const { customClass } = (profile && profile.data) || {};
+    const customClass = 'btn-unified'
 
     return (this.state.currentUser
       ? <Navbar fluid className='navbar-custom'>
@@ -132,7 +133,7 @@ export default class Navigation extends React.Component {
       : <Navbar fluid className='navbar-custom'>
           {this.navHeader()}
           <Nav navbar className='navbar-form'>
-            <Search noSubmit={true} />
+            <Search noSubmit={false} />
           </Nav>
           <NavNewSession authenticityToken={this.token()}/>
           <div style={{clear: "both"}} />
diff --git a/app/assets/javascripts/components/PubchemLabels.js b/app/assets/javascripts/components/PubchemLabels.js
index 374364a7e..cba940964 100644
--- a/app/assets/javascripts/components/PubchemLabels.js
+++ b/app/assets/javascripts/components/PubchemLabels.js
@@ -8,9 +8,9 @@ const PubchemLabels = ({element}) =>{
     marginLeft: "5px",
     marginRight: "5px"
   };
-  if (!cid) {labelStyle.WebkitFilter = "grayscale(100%)"}
+  if (!cid || isNaN(cid)) {labelStyle.WebkitFilter = "grayscale(100%)"}
   const handleOnClick = (e) => {
-    if (!!cid){
+    if (cid && !isNaN(cid)){
       window.open("https://pubchem.ncbi.nlm.nih.gov/compound/" + cid, '_blank')
     }
     e.stopPropagation()
diff --git a/app/assets/javascripts/components/PublishCommon.js b/app/assets/javascripts/components/PublishCommon.js
new file mode 100644
index 000000000..1604f1ae5
--- /dev/null
+++ b/app/assets/javascripts/components/PublishCommon.js
@@ -0,0 +1,316 @@
+import React from 'react';
+import {
+  Button,
+  Tooltip,
+  OverlayTrigger,
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import Aviator from 'aviator';
+import Sample from './models/Sample';
+import { sampleShowOrNew, reactionShow } from './routesUtils';
+import Reaction from './models/Reaction';
+import { isNmrPass, isDatasetPass } from './utils/ElementUtils';
+
+const labelStyle = {
+  display: 'inline-block',
+  marginLeft: '5px',
+  marginRight: '5px'
+};
+
+const handleClick = (e, id, clickType) => {
+  e.preventDefault();
+  e.stopPropagation();
+  const uri = Aviator.getCurrentURI();
+  const uriArray = uri.split(/\//);
+  switch (clickType) {
+    case 'Reaction':
+      Aviator.navigate(`/${uriArray[1]}/${uriArray[2]}/reaction/${id}`, { silent: true });
+      reactionShow({ params: { reactionID: id } });
+      break;
+
+    default:
+      Aviator.navigate(`/${uriArray[1]}/${uriArray[2]}/sample/${id}`, { silent: true });
+      sampleShowOrNew({ params: { sampleID: id } });
+      break;
+  }
+};
+
+const validateMolecule = (element) => {
+  const validates = [];
+  const sample = element;
+  const analyses = sample.analysisArray();
+  analyses.forEach((al) => {
+    const status = al.extended_metadata.status || '';
+    const kind = al.extended_metadata.kind || '';
+    if (status !== 'Confirmed') {
+      validates.push({ name: `analysis [${al.name}]`, value: false, message: `[${sample.name || sample.short_label}] Analysis [${al.name}]: Status must be Confirmed.` });
+    }
+    if (kind === '' || (kind.split('|').length < 2)) {
+      validates.push({ name: `analysis [${al.name}]`, value: false, message: `[${sample.name || sample.short_label}] Analysis [${al.name}]: Type is invalid.` });
+    }
+    if (!isNmrPass(al, sample)) {
+      validates.push({ name: `analysis [${al.name}]`, value: false, message: `[${sample.name || sample.short_label}] Analysis [${al.name}]: Content is invalid, NMR check fails.` });
+    }
+    if (!isDatasetPass(al)) {
+      validates.push({ name: `analysis [${al.name}]`, value: false, message: `[${sample.name || sample.short_label}] Analysis [${al.name}]: Dataset is incomplete. Please check that: 1. for NMR, Mass, or IR analyses, at least one dataset has been attached with an image and a jcamp files. 2. the instrument field is not empty.` });
+    }
+  });
+  return validates;
+};
+
+const PublishBtnReaction = ({ reaction, showModal }) => {
+  const tagData = (reaction.tag && reaction.tag.taggable_data) || {};
+  // NB set publishedId to true to hide it
+  const publishedId = tagData.public_reaction || (tagData.publication && tagData.publication.queued_at);
+  const notPublishable = reaction.notPublishable; // false or [samples]
+  const isDisabled = reaction.changed || reaction.isNew || !!notPublishable;
+  const btnTip = (reaction.changed || reaction.isNew) ? 'Publication panel cannot be open on unsaved reaction.' : 'Open the reaction publication panel';
+  const btnTipNotPub = notPublishable && `Product(s) ${notPublishable.map(s => s.short_label).join()} not publishable`;
+  return (
+    (!publishedId && !tagData.publication) ? (
+      <OverlayTrigger
+        placement="bottom"
+        overlay={<Tooltip id="publishReaction">{btnTipNotPub || btnTip}</Tooltip>}
+      >
+        <Button
+          // style={{ display: 'none' }}
+          bsStyle="success"
+          bsSize="xsmall"
+          className="button-right"
+          // NB: props disabled will prevent displaying the OverlayTrigger. workaround by mocking disabled style
+          onClick={() => showModal(!isDisabled)}
+          style={isDisabled ? { cursor: 'not-allowed', opacity: '0.65' } : {} }
+        >
+          <i className="fa fa-paper-plane" />
+        </Button>
+      </OverlayTrigger>
+    ) : <span />
+  );
+};
+
+PublishBtnReaction.propTypes = {
+  showModal: PropTypes.func.isRequired,
+  reaction: PropTypes.instanceOf(Reaction).isRequired,
+};
+
+const PublishBtn = ({ sample, showModal }) => {
+  const tagData = (sample.tag && sample.tag.taggable_data) || {};
+
+  const publishedId = tagData.public_sample;
+  const isPoly = sample._contains_residues;
+
+  return (sample.can_publish && !sample.isEdited && !publishedId && !tagData.publication) ? (
+    <OverlayTrigger
+      placement="bottom"
+      overlay={<Tooltip id="publishSample">{isPoly ? 'Cannot publish polymer structure!' : 'Open the sample publication panel'}</Tooltip>}
+    >
+      <Button
+        bsStyle="success"
+        bsSize="xsmall"
+        className="button-right"
+        // NB: disabled will prevent the OverlayTrigger. workaround by mocking disabled style
+        onClick={() => showModal(!isPoly)}
+        // disabled={isPoly}
+        style={isPoly ? { cursor: 'not-allowed', opacity: '0.65' } : {}}
+      >
+        <i className="fa fa-paper-plane" />
+      </Button>
+    </OverlayTrigger>
+  ) : <span />;
+};
+
+PublishBtn.propTypes = {
+  showModal: PropTypes.func.isRequired,
+  sample: PropTypes.instanceOf(Sample).isRequired,
+};
+
+const ReviewPublishBtn = ({ element, showComment, validation }) => {
+  const tagData = (element.tag && element.tag.taggable_data) || {};
+  const publishedId = tagData.public_sample || tagData.public_reaction;
+  const isDecline = (tagData && tagData.decline === true) || false;
+  const canPublish =  element.can_publish || (element.type === 'reaction' && !element.notPublishable && element.is_published === false)
+
+  const isEdit = element.type === 'reaction' ? element.changed : element.isEdited;
+  const reviewBtn = (canPublish && !isEdit && !publishedId && tagData.publication) ? (
+                    <OverlayTrigger
+                      placement="bottom"
+                      overlay={<Tooltip id="reviewPublish">Submit for Publication</Tooltip>}
+                    >
+                      <Button
+                        bsStyle="danger"
+                        bsSize="xsmall"
+                        className="button-right"
+                        // NB: disabled will prevent the OverlayTrigger. workaround by mocking disabled style
+                        onClick={() => validation(element)}
+                      >
+                        <i className="fa fa-paper-plane" />
+                      </Button>
+                    </OverlayTrigger>
+                    ) : (<span />);
+  const commentBtn = ((canPublish && !publishedId && tagData.publication) || isDecline) ? (
+                    <OverlayTrigger
+                      placement="bottom"
+                      overlay={<Tooltip id="reviewerComment">Reviewer&apos;s comment</Tooltip>}
+                    >
+                      <Button
+                        bsSize="xsmall"
+                        bsStyle="success"
+                        target="_blank"
+                        className="button-right"
+                        onClick={showComment}
+                      >
+                        <i className="fa fa-comments" />
+                      </Button>
+                    </OverlayTrigger>
+                    ) : (<span />)
+  return (
+    <span>
+    {reviewBtn}
+    {commentBtn}
+    </span>
+  )
+};
+
+
+const PublishedTag = ({ element }) => {
+  const tag = (element && element.tag) || {};
+  const tagData = (tag && tag.taggable_data) || {};
+  const tagType = tag.taggable_type;
+  const isPending = (tagData && tagData.publish_pending && tagData.publish_pending === true) || false;
+  let tip = '';
+  let publishedId;
+  switch (tagType) {
+    case 'Reaction':
+      publishedId = tagData.public_reaction;
+      if (isPending) {
+        tip = 'Reaction is being reviewed';
+      } else {
+        tip = 'Reaction has been published';
+      }
+      break;
+
+    default:
+      publishedId = tagData.public_sample;
+      if (isPending) {
+        tip = 'Sample is being reviewed';
+      } else {
+        tip = 'Sample has been published';
+      }
+      break;
+  }
+  return (
+    publishedId ? (
+      <OverlayTrigger
+        placement="bottom"
+        overlay={<Tooltip id="data public">{tip}</Tooltip>}
+      >
+        <Button
+          bsSize="xsmall"
+          bsStyle={isPending ? 'warning' : 'danger'}
+          style={labelStyle}
+          onClick={event => handleClick(event, publishedId, tagType)}
+        >
+          <i className="fa fa-newspaper-o" aria-hidden="true" />
+        </Button>
+      </OverlayTrigger>
+    ) : null
+  );
+};
+
+PublishedTag.propTypes = {
+  element: PropTypes.object,
+};
+
+const LabelPublication = ({ element }) => {
+  const publication = element.tag && element.tag.taggable_data &&
+    element.tag.taggable_data.publication;
+
+  if (!publication) { return null; }
+
+  const time = new Date(publication.published_at || publication.doi_reg_at);
+  const formattedTime = `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} `;
+  const contributor = publication.contributors && publication.contributors.name;
+  const publishedBy = publication.creators && publication.creators[0] && publication.creators[0].name;
+  const tooltipText = `Published by ${contributor == null ? publishedBy : contributor} on ${formattedTime}`;
+  const schemeOnly = (element && element.publication && element.publication.taggable_data &&
+    element.publication.taggable_data.scheme_only === true) || false;
+  const pubDoi = (element.type === 'reaction' && schemeOnly === true) ? `/home/publications/reactions/${element.id}` : `https://dx.doi.org/${publication.doi}`
+
+
+  if (publication.published_at) {
+    return (
+      <OverlayTrigger
+        placement="bottom"
+        overlay={<Tooltip id="printCode">{tooltipText}</Tooltip>}
+        onClick={e => e.stopPropagation()}
+      >
+        <Button
+          bsSize="xsmall"
+          bsStyle="default"
+          style={labelStyle}
+          target="_blank"
+          href={pubDoi}
+        >
+          <i className="fa fa-newspaper-o" aria-hidden="true" />
+        </Button>
+      </OverlayTrigger>
+    );
+  } else {
+    return (<span />);
+  }
+}
+
+LabelPublication.propTypes = {
+  element: PropTypes.object,
+}
+
+
+const ChemotionTag = ({ tagData, firstOnly = false }) => {
+  const chemotionTag = tagData.chemotion;
+  if (!chemotionTag) { return null; }
+  const { chemotion_first, last_published_at, doi } = chemotionTag;
+  if (firstOnly && !chemotion_first) { return null; }
+  const time = new Date(chemotion_first || last_published_at);
+  const formattedTime = `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} `;
+  const tooltipText = chemotion_first ? `Published First Here on ${formattedTime}`
+    : `Last published on ${formattedTime}`;
+  const first = chemotion_first ? <span>1<sup>st</sup></span> : null;
+
+
+  return (
+    <OverlayTrigger placement="bottom" overlay={<Tooltip id="printCode">{tooltipText}</Tooltip>}>
+      <a
+        style={labelStyle}
+        // bsSize="xsmall"
+        // bsStyle="default"
+        target="_blank"
+        href={`https://dx.doi.org/${doi}`}
+      >
+        <img alt="chemotion_first" src="/favicon.ico" className="pubchem-logo" />
+        {first}
+        {/* <i className="fa fa-trophy fa-lg" aria-hidden="true" /> */}
+      </a>
+
+
+
+    </OverlayTrigger>
+  );
+};
+
+
+ChemotionTag.propTypes = {
+  tagData: PropTypes.object,
+};
+ChemotionTag.defaultProps = {
+  tagData: {},
+};
+
+module.exports = {
+  LabelPublication,
+  PublishedTag,
+  ChemotionTag,
+  PublishBtn,
+  PublishBtnReaction,
+  ReviewPublishBtn,
+  validateMolecule,
+};
diff --git a/app/assets/javascripts/components/PublishReactionContainers.js b/app/assets/javascripts/components/PublishReactionContainers.js
new file mode 100644
index 000000000..3746a575c
--- /dev/null
+++ b/app/assets/javascripts/components/PublishReactionContainers.js
@@ -0,0 +1,150 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import {
+  PanelGroup,
+  Panel,
+  Button,
+} from 'react-bootstrap';
+import ContainerComponent from './ContainerComponent';
+import PrintCodeButton from './common/PrintCodeButton';
+import Reaction from './models/Reaction';
+
+export default class PublishReactionContainers extends Component {
+  constructor(props) {
+    super();
+    const { reaction } = props;
+    this.state = {
+      reaction,
+      activeContainer: 0
+    };
+
+    this.handleAccordionOpen = this.handleAccordionOpen.bind(this);
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.setState({
+      reaction: nextProps.reaction,
+    });
+  }
+
+  handleAccordionOpen(key) {
+    this.setState({ activeContainer: key });
+  }
+
+  render() {
+    const {reaction, activeContainer} = this.state;
+    const {readOnly} = this.props;
+
+    let containerHeader = (container) => {
+      const kind = container.extended_metadata['kind'] && container.extended_metadata['kind'] != '';
+      const titleKind = kind ? (' - Type: ' + container.extended_metadata['kind']) : '';
+
+      const status = container.extended_metadata['status'] && container.extended_metadata['status'] != '';
+      const titleStatus = status ? (' - Status: ' + container.extended_metadata['status']) : '';
+
+      return (
+        <div style={{width: '100%'}}>
+          {container.name}
+          {titleKind}
+          {titleStatus}
+          <Button
+            bsSize="xsmall"
+            bsStyle="danger"
+            className="button-right"
+            disabled={readOnly}
+            onClick={() => this.handleOnClickRemove(container)}
+          >
+            <i className="fa fa-trash" />
+          </Button>
+          <PrintCodeButton element={reaction} analyses={[container]} ident={container.id} />
+        </div>
+      )
+    };
+
+    let containerHeaderDeleted = (container) => {
+      const kind = container.extended_metadata['kind'] && container.extended_metadata['kind'] != '';
+      const titleKind = kind ? (' - Type: ' + container.extended_metadata['kind']) : '';
+
+      const status = container.extended_metadata['status'] && container.extended_metadata['status'] != '';
+      const titleStatus = status ? (' - Status: ' + container.extended_metadata['status']) : '';
+
+      return (
+        <div style={{width: '100%'}}>
+          <strike>
+            {container.name}
+            {titleKind}
+            {titleStatus}
+          </strike>
+          <Button className="pull-right" bsSize="xsmall" bsStyle="danger"
+                  onClick={() => this.handleUndo(container)}>
+            <i className="fa fa-undo"></i>
+          </Button>
+        </div>
+      )
+    };
+
+    if (reaction.container != null && reaction.container.children) {
+      const analyses_container = reaction.container.children.filter(element => (
+        ~element.container_type.indexOf('analyses')
+      ));
+
+      if (analyses_container.length === 1 && analyses_container[0].children.length > 0) {
+        return (
+          <div>
+            <PanelGroup defaultActiveKey={0} activeKey={activeContainer} accordion>
+              {analyses_container[0].children.map((container, key) => {
+                if (container.is_deleted) {
+                  return (
+                    <Panel
+                      eventKey={key}
+                      key={`reaction_container_deleted_${container.id}`}
+                    >
+                      <Panel.Heading>{containerHeaderDeleted(container)}</Panel.Heading>
+                    </Panel>
+                  );
+                }
+
+                return (
+                  <Panel
+                    eventKey={key}
+                    key={`reaction_container_${container.id}`}
+                    onClick={this.handleAccordionOpen.bind(this, key)}
+                  >
+                    <Panel.Heading>{containerHeader(container)}</Panel.Heading>
+                    <Panel.Body collapsible>
+                      <ContainerComponent
+                        readOnly={readOnly}
+                        container={container}
+                        onChange={this.handleChange.bind(this, container)}
+                      />
+                    </Panel.Body>
+                  </Panel>
+                );
+              })}
+            </PanelGroup>
+          </div>
+        );
+      }
+
+      return (
+        <div
+          style={{ marginBottom: '10px' }}
+          className="noAnalyses-warning"
+        >
+          There are currently no Analyses.
+        </div>
+      );
+    }
+
+    return (
+      <div className="noAnalyses-warning">
+        There are currently no Analyses.
+      </div>
+    );
+  }
+}
+
+PublishReactionContainers.propTypes = {
+  readOnly: PropTypes.bool.isRequired,
+  reaction: PropTypes.instanceOf(Reaction).isRequired,
+};
diff --git a/app/assets/javascripts/components/PublishReactionModal.js b/app/assets/javascripts/components/PublishReactionModal.js
new file mode 100644
index 000000000..ca2b1dd86
--- /dev/null
+++ b/app/assets/javascripts/components/PublishReactionModal.js
@@ -0,0 +1,839 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import {
+  Panel,
+  PanelGroup,
+  Button,
+  Modal,
+  Table,
+  Popover,
+  OverlayTrigger, FormGroup,
+  Checkbox, Tooltip, ListGroup, ListGroupItem, Row, Col,
+  Form,
+  Grid,
+  ControlLabel
+} from 'react-bootstrap';
+import { head, filter, findIndex, flatten, sortedUniq } from 'lodash';
+import Select from 'react-select';
+import Immutable from 'immutable';
+
+import Reaction from './models/Reaction';
+import UserStore from './stores/UserStore';
+import UsersFetcher from './fetchers/UsersFetcher';
+import ReactionsFetcher from './fetchers/ReactionsFetcher';
+import RepositoryActions from './actions/RepositoryActions';
+import { ReactionInfo, ReactionSchemeOnlyInfo, AnalysisHeaderSample, PublishAnalysesTag, EmbargoCom, DownloadDOICsv, isNmrPass, isDatasetPass, PublishTypeAs } from '../libHome/RepoCommon';
+import LoadingActions from './actions/LoadingActions';
+import { groupByCitation, Citation } from '../components/LiteratureCommon';
+import LiteraturesFetcher from '../components/fetchers/LiteraturesFetcher';
+import RepositoryFetcher from '../components/fetchers/RepositoryFetcher';
+import { contentToText } from './utils/quillFormat';
+
+const AnalysisIdstoPublish = element => (
+  element.analysisArray().filter(a => a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')).map(x => x.id)
+);
+
+const skimAnalysis = (sample) => {
+  const analyses = sample.analysisArray();
+  const publishedAnalyses = analyses.filter(a =>
+    (a.extended_metadata &&
+      (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true'))));
+  return publishedAnalyses.filter(a =>
+    (a.extended_metadata &&
+      (((a.extended_metadata.kind || '') !== '') && // fail if analysis-type is empty
+        ((a.extended_metadata.status || '') === 'Confirmed') && // fail if status is not set to Confirmed
+        (isNmrPass(a, sample)) && // fail if NMR check fail
+        (isDatasetPass(a))))); // fail if Dataset check fail
+};
+
+const publishOptions = {
+  f: 'full',
+  s: 'scheme-only'
+};
+
+export default class PublishReactionModal extends Component {
+  constructor(props) {
+    super(props);
+    const { currentUser } = UserStore.getState();
+    const { reaction } = props;
+    this.state = {
+      reaction,
+      selectedUsers: [],
+      collaborations: [],
+      showPreview: false,
+      showScheme: false,
+      currentUser,
+      showRinchi: false,
+      showProp: false,
+      showTlc: false,
+      selectedRefs: [],
+      literatures: new Immutable.Map(),
+      sortedIds: [],
+      selectedEmbargo: '-1',
+      selectedLicense: 'CC BY-SA',
+      cc0Consent: { consent1: false, consent2: false },
+      bundles: [],
+      noSolvent: false,
+      schemeDesc: false,
+      publishType: { options: Object.values(publishOptions), selected: publishOptions.f }
+    };
+
+    this.onUserChange = this.onUserChange.bind(this);
+    this.handlePublishReaction = this.handlePublishReaction.bind(this);
+    this.handleReserveDois = this.handleReserveDois.bind(this);
+    this.handleSelectUser = this.handleSelectUser.bind(this);
+    this.promptTextCreator = this.promptTextCreator.bind(this);
+    this.loadUserByName = this.loadUserByName.bind(this);
+    this.handleAnalysesChecked = this.handleAnalysesChecked.bind(this);
+    this.toggleScheme = this.toggleScheme.bind(this);
+    this.toggleRinchi = this.toggleRinchi.bind(this);
+    this.toggleProp = this.toggleProp.bind(this);
+    this.toggleTlc = this.toggleTlc.bind(this);
+    this.loadReferences = this.loadReferences.bind(this);
+    this.loadBundles = this.loadBundles.bind(this);
+    this.selectReferences = this.selectReferences.bind(this);
+    this.handleRefCheck = this.handleRefCheck.bind(this);
+    this.handleEmbargoChange = this.handleEmbargoChange.bind(this);
+    this.handleLicenseChange = this.handleLicenseChange.bind(this);
+    this.handleNoSolventCheck = this.handleNoSolventCheck.bind(this);
+    this.handleCC0ConsentChange = this.handleCC0ConsentChange.bind(this);
+    this.handlePublishTypeChange = this.handlePublishTypeChange.bind(this);
+    this.handleYieldChange = this.handleYieldChange.bind(this);
+    this.handlePropertiesChange = this.handlePropertiesChange.bind(this);
+    this.handleUnitChange = this.handleUnitChange.bind(this);
+  }
+
+  componentDidMount() {
+    UserStore.listen(this.onUserChange);
+    this.loadBundles();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.loadReferences();
+    this.loadMyCollaborations();
+    this.setState({
+      reaction: nextProps.reaction,
+    });
+  }
+
+  componentWillUnmount() {
+    UserStore.unlisten(this.onUserChange);
+  }
+
+  onUserChange(state) {
+    this.setState(previousState => ({ ...previousState, users: state.users }));
+  }
+
+  handleSelectUser(val) {
+    if (val) { this.setState({ selectedUsers: val }); }
+  }
+
+  handleInputChange(type, event) {
+    const { reaction } = this.state;
+    switch (type) {
+      case 'temperature':
+        reaction.temperature.userText = event.target.value;
+        break;
+      case 'temperatureUnit':
+        reaction.temperature = reaction.convertTemperature(event);
+        break;
+      case 'duration':
+        reaction.durationDisplay = { nextValue: event.target.value };
+        break;
+      case 'durationUnit':
+        reaction.durationDisplay = { nextUnit: true };
+        break;
+      default:
+        break;
+    }
+    this.setState({ reaction });
+  }
+
+  handleYieldChange(p, event) {
+    const { value } = event.target;
+    if (!isNaN(value)) {
+      const { reaction } = this.state;
+      const { products } = reaction;
+      const product = products.find(e => e.id === p.id);
+      if (typeof product !== 'undefined') {
+        product.equivalent = (value / 100);
+        products.splice(products.findIndex(e => e.id === p.id), 1, product);
+        reaction.products = products;
+        this.setState({ reaction });
+      }
+    }
+  }
+
+  handlePropertiesChange(type, event) {
+    if (type === 'temperature') {
+      this.handleInputChange(type, event);
+    }
+    if (type === 'duration') {
+      const { value } = event.target;
+      if (!isNaN(value)) {
+        this.handleInputChange(type, event);
+      }
+    }
+    if (type === 'schemeDesc') {
+      this.setState({ schemeDesc: !this.state.schemeDesc });
+    }
+  }
+
+  handleUnitChange(type, event) {
+    let index;
+    let unit;
+    switch (type) {
+      case 'temperatureUnit':
+        index = Reaction.temperature_unit.indexOf(event);
+        unit = Reaction.temperature_unit[(index + 1) % 3];
+        this.handleInputChange('temperatureUnit', unit);
+        break;
+      case 'durationUnit':
+        this.handleInputChange('durationUnit', event);
+        break;
+      default:
+        break;
+    }
+  }
+
+  toggleScheme() {
+    const { showScheme } = this.state;
+    this.setState({ showScheme: !showScheme });
+  }
+
+  toggleRinchi() {
+    const { showRinchi } = this.state;
+    this.setState({ showRinchi: !showRinchi });
+  }
+
+  toggleProp() {
+    const { showProp } = this.state;
+    this.setState({ showProp: !showProp });
+  }
+
+  toggleTlc() {
+    const { showTlc } = this.state;
+    this.setState({ showTlc: !showTlc });
+  }
+
+  handleRefCheck(id) {
+    let { selectedRefs } = this.state;
+
+    if (selectedRefs.includes(id)) {
+      selectedRefs = selectedRefs.filter(item => item !== id);
+    } else {
+      selectedRefs.push(id);
+    }
+    this.setState({ selectedRefs });
+  }
+
+  handleNoSolventCheck() {
+    this.setState({ noSolvent: !this.state.noSolvent });
+  }
+
+  loadBundles() {
+    RepositoryFetcher.fetchEmbargoCollections().then((result) => {
+      const cols = result.repository;
+      const bundles = [];
+      if (cols && cols.length > 0) {
+        cols.forEach((col) => {
+          bundles.push({ value: col.id, name: col.label, label: col.label });
+        });
+        this.setState({ bundles });
+      }
+    });
+  }
+
+  loadReferences() {
+    let { selectedRefs } = this.state;
+    LiteraturesFetcher.fetchElementReferences(this.state.reaction, true).then((literatures) => {
+      const sortedIds = groupByCitation(literatures);
+      selectedRefs = selectedRefs.filter(item => sortedIds.includes(item));
+      this.setState({ selectedRefs, literatures, sortedIds });
+    });
+  }
+
+  loadMyCollaborations() {
+    UsersFetcher.fetchMyCollaborations()
+    .then((result) => {
+      this.setState({
+        collaborations: result.authors
+      });
+    });
+  }
+
+  contributor() {
+    const { currentUser } = this.state;
+    const aff = currentUser && currentUser.affiliations && Object.keys(currentUser.affiliations).map(k => (
+      <div>  -{currentUser.affiliations[k]}</div>
+    ));
+    return (<div><h5><b>Contributor:</b></h5> {currentUser.name} <br/> {aff} </div>)
+  }
+
+  loadUserByName(input) {
+    if (!input) {
+      return Promise.resolve({ options: [] });
+    }
+
+    return UsersFetcher.fetchUsersByName(input)
+      .then((res) => {
+        const usersEntries = res.users.filter(u => u.id !== this.state.currentUser.id)
+          .map(u => ({
+            value: u.id,
+            name: u.name,
+            label: `${u.name} (${u.abb})`
+          }));
+        return { options: usersEntries };
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  promptTextCreator(label) {
+    return ("Share with \"" + label + "\"");
+  }
+
+  handleAnalysesChecked(analysis, elementType) {
+    const { reaction } = this.state;
+
+    reaction.changed = true;
+    if (elementType === 'Reaction') {
+      const elements = head(filter(reaction.container.children, o => o.container_type === 'analyses')).children;
+      // Find the index of the element and then replace
+      const index = findIndex(elements, { id: analysis.id });
+      if (index !== -1) {
+        elements.splice(index, 1, analysis);
+        this.setState(prevState => ({ ...prevState, reaction }));
+      }
+    }
+    if (elementType === 'Product') {
+      const analysesReactionProducts = reaction.products;
+      analysesReactionProducts.forEach((product) => {
+        const elements = head(filter(product.container.children, o => o.container_type === 'analyses')).children;
+        // Find the index of the element and then replace
+        const index = findIndex(elements, { id: analysis.id });
+        if (index !== -1) {
+          elements.splice(index, 1, analysis);
+          this.setState(prevState => ({ ...prevState, reaction }));
+        }
+      });
+    }
+    this.props.onHandleAnalysesCheck(this.state.reaction);
+  }
+
+  validateAnalyses() {
+    let pas = this.state.reaction.products.reduce(
+      (acc, s) => acc.concat(AnalysisIdstoPublish(s)),
+      AnalysisIdstoPublish(this.state.reaction)
+    );
+    if (pas.length === 0) {
+      return false;
+    }
+
+    pas = AnalysisIdstoPublish(this.state.reaction);
+    if (pas.length > 0) {
+      return true;
+    }
+
+    const { reaction } = this.state;
+    const { products } = reaction;
+    for (let i = 0; i < products.length; i += 1) {
+      const pa = skimAnalysis(products[i]);
+      if (pa.length > 0) { return true; }
+    }
+
+    return false;
+  }
+
+  handlePublishReaction() {
+    const { selectedLicense, cc0Consent, publishType, selectedUsers} = this.state;
+    const authorCount = selectedUsers && selectedUsers.length;
+
+    if (selectedLicense === 'CC0' && (!cc0Consent.consent1 || !cc0Consent.consent2)) {
+      alert('Please check the license section before sending your data.');
+      return true;
+    }
+
+    if (authorCount > 0 && !this.refBehalfAsAuthor.checked) {
+      alert(`Please confirm you are contributing on behalf of the author${authorCount > 0 ? 's' : ''}.'`);
+      return true;
+    }
+
+    const isFullyPublish = publishType.selected === publishOptions.f;
+
+    if (authorCount < 1 && !this.refMeAsAuthor.checked && isFullyPublish) {
+      alert("Please add an author or check 'add me as author'.");
+      return true;
+    }
+
+    const { reaction } = this.state;
+    if (isFullyPublish) {
+      const { samples } = reaction;
+      for (let i = 0; i < samples.length; i += 1) {
+        reaction.samples[i].container.children.find(c => (c && c.container_type === 'analyses')).children = skimAnalysis(samples[i]);
+      }
+    }
+
+    LoadingActions.start();
+    RepositoryActions.publishReaction({
+      isFullyPublish,
+      reaction: this.state.reaction,
+      coauthors: this.state.selectedUsers.map(u => u.value),
+      refs: this.state.selectedRefs,
+      embargo: this.state.selectedEmbargo,
+      license: this.state.selectedLicense,
+      schemeDesc: this.state.schemeDesc,
+      addMe: this.refMeAsAuthor.checked
+    });
+    this.props.onHide(false);
+    ReactionsFetcher.fetchById(this.state.reaction.id)
+      .then((reReaction) => {
+        this.props.onPublishRefreshClose(reReaction, false);
+        LoadingActions.stop();
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+        LoadingActions.stop();
+      });
+    return true;
+  }
+
+  handleReserveDois() {
+    LoadingActions.start();
+    RepositoryActions.publishReactionReserveDois({
+      reaction: this.state.reaction,
+      coauthors: this.state.selectedUsers.map(u => u.value)
+    });
+    ReactionsFetcher.fetchById(this.state.reaction.id)
+      .then((reaction) => {
+        this.props.onPublishRefreshClose(reaction, true);
+        LoadingActions.stop();
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+        LoadingActions.stop();
+      });
+    return true;
+  }
+
+  selectUsers() {
+    const { selectedUsers, collaborations } = this.state;
+    const options = collaborations.map(c => (
+      { label: c.name, value: c.id }
+    ));
+    const authorCount = selectedUsers && selectedUsers.length;
+    const authorInfo = selectedUsers && selectedUsers.map((a) => {
+      const us = collaborations.filter(c => c.id === a.value);
+      const u = us && us.length > 0 ? us[0] : {};
+      const aff = u && u.affiliations && u.affiliations.map(af => (
+        <div>  -{af.department}, {af.organization}, {af.country}</div>
+      ));
+      return (<div>{a.label}<br/>{aff}<br/></div>)
+    });
+
+    return (
+      <div >
+        <Checkbox inputRef={(ref) => { this.refMeAsAuthor = ref; }}>add me as author</Checkbox>
+        <Checkbox inputRef={(ref) => { this.refBehalfAsAuthor = ref; }}>
+          I am contributing on behalf of the author{authorCount > 0 ? 's' : '' }
+        </Checkbox>
+        <h5><b>Authors:</b></h5>
+        <Select
+          multi
+          searchable
+          placeholder="Select authors from my collaboration"
+          backspaceRemoves
+          value={selectedUsers}
+          valueKey="value"
+          labelKey="label"
+          matchProp="name"
+          options={options}
+          onChange={this.handleSelectUser}
+        />
+        <div>
+          {authorInfo}
+        </div>
+      </div>
+    );
+  }
+
+  toggleDiv(key) {
+    if (key) {
+      this.setState((previousState) => {
+        const newState = previousState;
+        newState[key] = !previousState[key];
+        return { ...newState };
+      }, this.forceUpdate());
+    }
+  }
+
+  citationTable(rows, sortedIds, selectedRefs) {
+    const sids = sortedUniq(sortedIds);
+    return (
+      <Table>
+        <thead>
+          <tr>
+            <th width="80%" />
+            <th width="20%" />
+          </tr>
+        </thead>
+        <tbody>
+          {sids.map((id) => {
+            const citation = rows.get(id);
+            return (
+              <tr key={id}>
+                <td className="padding-right" style={{ display: 'inline-flex;' }}>
+                  <i className={`icon-${citation.element_type.toLowerCase()}`} style={{ fontSize: '1.5em' }} />&nbsp;&nbsp;
+                  <Citation literature={citation} />
+                </td>
+                <td>
+                  <OverlayTrigger
+                    placement="left"
+                    overlay={<Tooltip id="checkAnalysis">publish this reference</Tooltip>}
+                  >
+                    <Checkbox
+                      checked={selectedRefs.includes(id)}
+                      onChange={() => { this.handleRefCheck(id); }}
+                    >
+                      <span>Add to publication</span>
+                    </Checkbox>
+                  </OverlayTrigger>
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </Table>
+    );
+  }
+
+  selectReferences() {
+    const { selectedRefs, literatures, sortedIds } = this.state;
+    return (
+      <div >
+        <ListGroup fill="true">
+          <ListGroupItem>
+            {this.citationTable(literatures, sortedIds, selectedRefs)}
+          </ListGroupItem>
+        </ListGroup>
+      </div>
+    );
+  }
+
+  handleEmbargoChange(selectedValue) {
+    if (selectedValue) {
+      this.setState({ selectedEmbargo: selectedValue });
+    }
+  }
+
+  handleLicenseChange(selectedValue) {
+    if (selectedValue) {
+      this.setState({
+        selectedLicense: selectedValue,
+        cc0Consent: { consent1: false, consent2: false }
+      });
+    }
+  }
+
+  handleCC0ConsentChange(selectedValue, selectedType) {
+    const { cc0Consent } = this.state;
+    if (selectedType === 'consent1') {
+      cc0Consent.consent1 = selectedValue;
+    }
+    if (selectedType === 'consent2') {
+      cc0Consent.consent2 = selectedValue;
+    }
+    this.setState({ cc0Consent });
+  }
+
+  handlePublishTypeChange(e) {
+    const { publishType } = this.state;
+    publishType.selected = e;
+    this.setState({ publishType });
+  }
+
+  validatePub(isFullyPublish = true) {
+    const { reaction } = this.state;
+    const validates = [];
+    if (isFullyPublish) {
+      validates.push({ name: 'reaction type', value: !!(reaction.rxno && reaction.rxno.length > 0), message: reaction.rxno ? '' : 'Reaction type is missing' });
+      const hasDuration =
+        !!(reaction.duration && reaction.duration !== '' && Number(reaction.duration.split(' ')[0]) > 0);
+      validates.push({ name: 'duration', value: hasDuration, message: hasDuration ? '' : 'Duration is missing' });
+      const hasTemperature = !!(reaction.temperature && reaction.temperature.userText);
+      validates.push({ name: 'temperature', value: hasTemperature, message: hasTemperature ? '' : 'Temperature is missing' });
+      const desc = contentToText(reaction.description).trim() || '';
+      validates.push({ name: 'description', value: !!desc, message: desc ? '' : 'Description is missing' });
+      const hasSt = reaction.starting_materials && reaction.starting_materials.length > 0;
+      validates.push({ name: 'start_material', value: !!hasSt, message: hasSt ? '' : 'Start material is missing' });
+      const hasSv =
+        this.state.noSolvent === true || (reaction.solvents && reaction.solvents.length > 0);
+      validates.push({ name: 'solvent', value: !!hasSv, message: hasSv ? '' : 'Solvent is missing' });
+      const hasProduct = reaction.products && reaction.products.length > 0;
+      validates.push({ name: 'product', value: !!hasProduct, message: hasProduct ? '' : 'Product is missing' });
+
+      (reaction.starting_materials || []).forEach((st) => {
+        if (!st.amount || !st.amount.value) {
+          validates.push({ name: 'starting_materials-amount', value: false, message: `${st.molecule_iupac_name}: amount is 0` });
+        }
+      });
+      (reaction.products || []).forEach((prod) => {
+        if (!prod.amount || !prod.amount.value) {
+          validates.push({ name: 'product-amount', value: false, message: `${prod.molecule_iupac_name}: amount is 0` });
+        }
+      });
+    } else {
+      const hasDuration =
+        !!(reaction.duration && reaction.duration !== '' && Number(reaction.duration.split(' ')[0]) > 0);
+      validates.push({ name: 'duration', value: hasDuration, message: hasDuration ? '' : 'Duration is missing' });
+      const hasTemperature = !!(reaction.temperature && reaction.temperature.userText);
+      validates.push({ name: 'temperature', value: hasTemperature, message: hasTemperature ? '' : 'Temperature is missing' });
+    }
+    return validates;
+  }
+
+  render() {
+    const { show } = this.props;
+    const {
+      reaction, selectedUsers, selectedRefs, publishType
+    } = this.state;
+
+    const isFullyPublish = publishType.selected === publishOptions.f;
+    const canPublish = isFullyPublish ? this.validateAnalyses() : true;
+    const validateInfo = this.validatePub(isFullyPublish);
+    const validateObjs = validateInfo && validateInfo.filter(v => v.value === false);
+    const validateMsgs = validateObjs && validateObjs.map(a => a.message);
+    const validateMsg = validateMsgs ? validateMsgs.join('\n') : '';
+    const validated = !!(validateObjs && validateObjs.length === 0);
+
+    let selectedAnalysesCount = (this.state.reaction.analyses || [])
+      .filter(a => (a.extended_metadata && (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true'))
+      && a.extended_metadata.kind)).length;
+
+    const productDOI = product => (
+      <tr key={`doi-product-row-${product.id}`}>
+        <td>
+          Product {product.name}
+        </td>
+        <td>
+          {product.tag.taggable_data.reserved_doi ? `DOI: ${product.tag.taggable_data.reserved_doi}` : ''}
+        </td>
+      </tr>
+    );
+
+    const productAnalysesDOI = analysis => (
+      <tr key={`doi-product-analysis-row-${analysis.id}`}>
+        <td>
+          {analysis.name} - {(analysis.extended_metadata.kind || '').split('|').pop().trim()}
+        </td>
+        <td>
+          {analysis.extended_metadata.reserved_doi ? `DOI: ${analysis.extended_metadata.reserved_doi}` : ''}
+        </td>
+      </tr>
+    );
+
+    if (show) {
+      const analysesView = [];
+      const analysesReaction = head(filter(reaction.container.children, o => o.container_type === 'analyses')).children;
+
+      selectedAnalysesCount = (analysesReaction || []).filter(a =>
+        (a.extended_metadata && (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')) && a.extended_metadata.kind)).length;
+
+      const analysesViewReaction = analysesReaction.map(analysis => (
+        <PublishAnalysesTag
+          reaction={reaction}
+          analysis={analysis}
+          key={`reaction_${analysis.id}`}
+          analysesType="Reaction"
+          handleAnalysesChecked={this.handleAnalysesChecked}
+        />
+      ));
+      analysesView.push(analysesViewReaction);
+
+      const analysesReactionProductsDOIs = [];
+      const analysesReactionProducts = reaction.products;
+
+      analysesReactionProducts.forEach((product) => {
+        const arrP = [];
+        arrP.push(product);
+        const tmpProduct = arrP.map(p => <AnalysisHeaderSample sample={p} key={`reaction_analysis_${p.id}`} sampleType="Product" />);
+        analysesView.push(tmpProduct);
+
+        const tmp = head(filter(product.container.children, o => o.container_type === 'analyses')).children;
+        const tmpTag = tmp.map(analysis => (
+          <PublishAnalysesTag
+            reaction={reaction}
+            analysis={analysis}
+            key={`reaction_product_${analysis.id}`}
+            analysesType="Product"
+            handleAnalysesChecked={this.handleAnalysesChecked}
+            product={product}
+          />
+        ));
+        analysesView.push(tmpTag);
+        analysesReactionProductsDOIs.push(productDOI(product));
+        analysesReactionProductsDOIs.push(tmp.map(a => productAnalysesDOI(a)));
+        selectedAnalysesCount += (tmp || []).filter(a =>
+          (a.extended_metadata && (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')) && a.extended_metadata.kind
+            && ((a.extended_metadata.status || '') === 'Confirmed')
+            && (isNmrPass(a, product))
+            && (isDatasetPass(a))
+          )).length;
+      });
+
+      const {
+        selectedEmbargo, selectedLicense, cc0Consent
+      } = this.state;
+
+      const publishTypeAs = {
+        ...publishType,
+        onChange: this.handlePublishTypeChange
+      };
+
+      return (
+        <div>
+          <Modal dialogClassName="publishReactionModal" animation show={show} bsSize="large" onHide={() => this.props.onHide(false)}>
+            <Modal.Header closeButton style={{ paddingBottom: '2px', paddingTop: '10px' }}>
+              <Grid style={{ width: '100%' }}>
+                <Col sm={6} lg={6}>
+                  <Form inline>
+                    <FormGroup controlId="frmCtrlPublishType">
+                      <ControlLabel>
+                        Publish Reaction as
+                      </ControlLabel>{' '}
+                      <PublishTypeAs {...publishTypeAs} />
+                    </FormGroup>
+                  </Form>
+                </Col>
+                <Col sm={6} lg={6}>
+                  {' '}
+                </Col>
+              </Grid>
+            </Modal.Header>
+            <Modal.Body style={{
+              paddingBottom: 'unset', height: 'calc(100vh - 210px)', maxHeight: 'calc(100vh - 210px)', overflowY: 'auto'
+            }}
+            >
+              <EmbargoCom
+                opts={this.state.bundles}
+                selectedValue={selectedEmbargo}
+                onEmbargoChange={this.handleEmbargoChange}
+                selectedLicense={selectedLicense}
+                onLicenseChange={this.handleLicenseChange}
+                onCC0ConsentChange={this.handleCC0ConsentChange}
+                cc0Deed={cc0Consent}
+              />
+              <FormGroup>
+                <Col md={12} sm={12}>
+                  <div style={{
+                    whiteSpace: 'pre', padding: '10px', color: 'red', borderRadius: '3px'
+                }}>{validateMsg}
+                  </div>
+                </Col>
+              </FormGroup>
+              <div className={`display-${isFullyPublish}`}>
+                <ReactionInfo
+                  reaction={reaction}
+                  toggleScheme={this.toggleScheme}
+                  showScheme={this.state.showScheme}
+                  isPublic={false}
+                  toggleRinchi={this.toggleRinchi}
+                  showRinchi={this.state.showRinchi}
+                  toggleProp={this.toggleProp}
+                  showProp={this.state.showProp}
+                  toggleTlc={this.toggleTlc}
+                  showTlc={this.state.showTlc}
+                />
+              </div>
+              <div className={`display-${!isFullyPublish}`}>
+                <ReactionSchemeOnlyInfo
+                  reaction={reaction}
+                  isPublic={false}
+                  schemeDesc={this.state.schemeDesc}
+                  onYieldChange={this.handleYieldChange}
+                  onPropertiesChange={this.handlePropertiesChange}
+                  onUnitChange={this.handleUnitChange}
+                />
+              </div>
+              <Checkbox
+                onChange={() => { this.handleNoSolventCheck(); }}
+                checked={this.state.noSolvent}
+                className={`display-${isFullyPublish}`}
+              >
+                <span>This reaction has no solvents</span>
+              </Checkbox>
+              <PanelGroup accordion id={`panelgroup_${reaction.id}`} defaultActiveKey={0}>
+                <Panel
+                  eventKey="2"
+                  className={`display-${isFullyPublish}`}
+                >
+                  <Panel.Heading style={{ paddingBottom: '1px', paddingTop: '1px' }}>
+                    <Panel.Title toggle><h4>Select Analyses ({selectedAnalysesCount})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    <div>
+                      <Row>
+                        <Col md={12}>
+                          <h5>
+                            <b>Datasets: </b>
+                            <br />
+                          </h5>
+                        </Col>
+                      </Row>
+                      <Row>
+                        <Col md={12}>
+                          <PanelGroup accordion id={`panelgroup_ds_${reaction.id}`} defaultActiveKey={0}>
+                            {flatten(analysesView)}
+                          </PanelGroup>
+                        </Col>
+                      </Row>
+                    </div>
+                  </Panel.Body>
+                </Panel>
+                <Panel
+                  eventKey="3"
+                >
+                  <Panel.Heading style={{ paddingBottom: '1px', paddingTop: '1px' }}>
+                    <Panel.Title toggle><h4> Select Authors ({selectedUsers.length})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    {this.contributor()}
+                    {this.selectUsers()}
+                  </Panel.Body>
+                </Panel>
+                <Panel
+                  eventKey="5"
+                  className={`display-${isFullyPublish}`}
+                >
+                  <Panel.Heading style={{ paddingBottom: '1px', paddingTop: '1px' }}>
+                    <Panel.Title toggle>
+                      <h4> Select Reference ({selectedRefs.length})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    {this.selectReferences()}
+                  </Panel.Body>
+                </Panel>
+              </PanelGroup>
+            </Modal.Body>
+            <Modal.Footer style={{ padding: '6px' }}>
+              <Button onClick={() => this.props.onHide(false)}>Close</Button>
+              <Button bsStyle="primary" disabled={!canPublish || !validated} onClick={this.handlePublishReaction}>
+                Publish Reaction
+              </Button>
+            </Modal.Footer>
+          </Modal>
+        </div>
+      );
+    }
+    return <div />;
+  }
+}
+
+PublishReactionModal.propTypes = {
+  reaction: PropTypes.instanceOf(Reaction).isRequired,
+  show: PropTypes.bool.isRequired,
+  onHide: PropTypes.func.isRequired,
+  onPublishRefreshClose: PropTypes.func.isRequired,
+  onHandleAnalysesCheck: PropTypes.func.isRequired,
+};
diff --git a/app/assets/javascripts/components/PublishSampleModal.js b/app/assets/javascripts/components/PublishSampleModal.js
new file mode 100644
index 000000000..7f0930f03
--- /dev/null
+++ b/app/assets/javascripts/components/PublishSampleModal.js
@@ -0,0 +1,509 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import {
+  Panel, PanelGroup, Modal, Table,
+  ListGroupItem, ListGroup, Button, Checkbox,
+  Popover, OverlayTrigger, Tooltip
+} from 'react-bootstrap';
+import Select from 'react-select';
+import Immutable from 'immutable';
+import { sortedUniq } from 'lodash';
+
+import Sample from './models/Sample';
+import SampleDetailsContainers from './SampleDetailsContainers';
+import UserStore from './stores/UserStore';
+import UsersFetcher from './fetchers/UsersFetcher';
+import RepositoryActions from './actions/RepositoryActions';
+import { groupByCitation, Citation } from '../components/LiteratureCommon';
+import { MoleculeInfo, EmbargoCom, DownloadDOICsv, isNmrPass, isDatasetPass } from '../libHome/RepoCommon';
+import LoadingActions from './actions/LoadingActions';
+import SamplesFetcher from './fetchers/SamplesFetcher';
+import LiteraturesFetcher from './fetchers/LiteraturesFetcher';
+import RepositoryFetcher from './fetchers/RepositoryFetcher';
+
+export default class PublishSampleModal extends Component {
+  constructor(props) {
+    super(props);
+    const { currentUser } = UserStore.getState();
+    const { sample } = props;
+    this.state = {
+      sample,
+      selectedUsers: [],
+      showSelectionUser: false,
+      showSelectionAnalysis: false,
+      showPreview: false,
+      currentUser,
+      selectedRefs: [],
+      collaborations: [],
+      literatures: new Immutable.Map(),
+      sortedIds: [],
+      selectedEmbargo: '-1',
+      selectedLicense: 'CC BY-SA',
+      cc0Consent: { consent1: false, consent2: false },
+      bundles: []
+    };
+    this.onUserChange = this.onUserChange.bind(this);
+    this.handleSampleChanged = this.handleSampleChanged.bind(this);
+    this.handlePublishSample = this.handlePublishSample.bind(this);
+    this.handleReserveDois = this.handleReserveDois.bind(this);
+    this.handleSelectUser = this.handleSelectUser.bind(this);
+    this.promptTextCreator = this.promptTextCreator.bind(this);
+    this.loadUserByName = this.loadUserByName.bind(this);
+    this.loadReferences = this.loadReferences.bind(this);
+    this.loadBundles = this.loadBundles.bind(this);
+    this.selectReferences = this.selectReferences.bind(this);
+    this.handleRefCheck = this.handleRefCheck.bind(this);
+    this.handleEmbargoChange = this.handleEmbargoChange.bind(this);
+    this.handleLicenseChange = this.handleLicenseChange.bind(this);
+    this.handleCC0ConsentChange = this.handleCC0ConsentChange.bind(this);
+  }
+
+  componentDidMount() {
+    UserStore.listen(this.onUserChange);
+    this.loadBundles();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.loadReferences();
+    this.loadMyCollaborations();
+    this.setState({
+      sample: nextProps.sample,
+    });
+  }
+
+  componentWillUnmount() {
+    UserStore.unlisten(this.onUserChange);
+  }
+
+  onUserChange(state) {
+    this.setState(previousState => ({ ...previousState, users: state.users }));
+  }
+
+  handleRefCheck(id) {
+    let { selectedRefs } = this.state;
+
+    if (selectedRefs.includes(id)) {
+      selectedRefs = selectedRefs.filter(item => item !== id);
+    } else {
+      selectedRefs.push(id);
+    }
+    this.setState({ selectedRefs });
+  }
+
+  loadBundles() {
+    RepositoryFetcher.fetchEmbargoCollections().then((result) => {
+      const cols = result.repository;
+      const bundles = [];
+      if (cols && cols.length > 0) {
+        cols.forEach((col) => {
+          bundles.push({ value: col.id, name: col.label, label: col.label });
+        });
+        this.setState({ bundles });
+      }
+    });
+  }
+
+  loadMyCollaborations() {
+    UsersFetcher.fetchMyCollaborations()
+    .then((result) => {
+      this.setState({
+        collaborations: result.authors
+      });
+    });
+  }
+
+  loadReferences() {
+    let { selectedRefs } = this.state;
+    LiteraturesFetcher.fetchElementReferences(this.state.sample).then((literatures) => {
+      const sortedIds = groupByCitation(literatures);
+      selectedRefs = selectedRefs.filter(item => sortedIds.includes(item));
+      this.setState({ selectedRefs, literatures, sortedIds });
+    });
+  }
+
+  handleSelectUser(val) {
+    if (val) { this.setState({ selectedUsers: val }); }
+  }
+
+  loadUserByName(input) {
+    if (!input) {
+      return Promise.resolve({ options: [] });
+    }
+
+    return UsersFetcher.fetchUsersByName(input)
+      .then((res) => {
+        const usersEntries = res.users.filter(u => u.id !== this.state.currentUser.id)
+          .map(u => ({
+            value: u.id,
+            name: u.name,
+            label: `${u.name} (${u.abb})`
+          }));
+        return { options: usersEntries };
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  promptTextCreator(label) {
+    return ("Share with \"" + label + "\"");
+  }
+
+  handleSampleChanged(sample) {
+    this.setState(prevState => ({ ...prevState, sample }));
+  }
+
+  validateAnalyses() {
+    const publishedAnalyses = this.state.sample.analysisArray().filter(a => (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')))
+    if (publishedAnalyses.length === 0) {
+      return false;
+    }
+    return true;
+  }
+
+  // molecule-submissions mandatory check (https://git.scc.kit.edu/ComPlat/chemotion_REPO/issues/236)
+  validateSubmission() {
+    const { sample } = this.state;
+    const analyses = sample.analysisArray();
+
+    if (!this.validateAnalyses()) {
+      return false;
+    }
+
+    let publishedAnalyses = analyses.filter(a =>
+      (a.extended_metadata &&
+        (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true'))));
+
+    publishedAnalyses = publishedAnalyses.filter(a =>
+      (a.extended_metadata &&
+        (((a.extended_metadata.kind || '') !== '') && // fail if analysis-type is empty
+        ((a.extended_metadata.status || '') === 'Confirmed') && // fail if status is not set to Confirmed
+        (isNmrPass(a, sample)) && // fail if NMR check fail
+        (isDatasetPass(a))))); // fail if Dataset check fail
+    if (publishedAnalyses.length === 0) {
+      return false;
+    }
+    return true;
+  }
+
+  handlePublishSample() {
+    const { selectedLicense, cc0Consent } = this.state;
+    const authorCount = this.state.selectedUsers && this.state.selectedUsers.length;
+    const plural = authorCount > 0 ? 's' : '';
+
+    if (selectedLicense === 'CC0' && (!cc0Consent.consent1 || !cc0Consent.consent2)) {
+      alert('Please check the license section before sending your data.');
+      return true;
+    }
+
+    if (!this.validateSubmission()) {
+      alert('Submission Check fail. Please review your data and re-submit.');
+      return true;
+    }
+
+    if (authorCount > 0 && !this.refBehalfAsAuthor.checked) {
+      alert(`Please confirm you are contributing on behalf of the author${plural}`);
+      return true;
+    }
+
+    if (authorCount < 1 && !this.refMeAsAuthor.checked) {
+      alert("Please add an author or check 'add me as author.'");
+      return true;
+    }
+
+    const analyses = this.state.sample.analysisArray();
+    let publishedAnalyses = analyses.filter(a =>
+      (a.extended_metadata &&
+        (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true'))));
+
+    publishedAnalyses = publishedAnalyses.filter(a =>
+      (a.extended_metadata &&
+        (((a.extended_metadata.kind || '') !== '') && // fail if analysis-type is empty
+          ((a.extended_metadata.status || '') === 'Confirmed') && // fail if status is not set to Confirmed
+          (isNmrPass(a, this.state.sample)) && // fail if NMR check fail
+          (isDatasetPass(a))))); // fail if Dataset check fail
+
+    const { sample } = this.state;
+    sample.container.children.find(c => (c && c.container_type === 'analyses')).children = publishedAnalyses;
+
+    LoadingActions.start();
+    RepositoryActions.publishSample({
+      // sample: this.state.sample,
+      sample,
+      coauthors: this.state.selectedUsers.map(u => u.value),
+      refs: this.state.selectedRefs,
+      embargo: this.state.selectedEmbargo,
+      license: this.state.selectedLicense,
+      addMe: this.refMeAsAuthor.checked
+    });
+    this.props.onHide();
+    SamplesFetcher.fetchById(this.state.sample.id)
+      .then((reSample) => {
+        this.props.onPublishRefreshClose(reSample, false);
+        LoadingActions.stop();
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+        LoadingActions.stop();
+      });
+    return true;
+  }
+
+  handleReserveDois() {
+    LoadingActions.start();
+    RepositoryActions.publishSampleReserveDois({
+      sample: this.state.sample,
+      coauthors: this.state.selectedUsers.map(u => u.value)
+    });
+    SamplesFetcher.fetchById(this.state.sample.id)
+      .then((sample) => {
+        this.props.onPublishRefreshClose(sample, true);
+        LoadingActions.stop();
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+        LoadingActions.stop();
+      });
+    return true;
+  }
+
+  contributor() {
+    const { currentUser } = this.state;
+    const aff = currentUser && currentUser.affiliations && Object.keys(currentUser.affiliations).map(k => (
+      <div>  -{currentUser.affiliations[k]}</div>
+    ));
+    return (<div><h5><b>Contributor:</b></h5> {currentUser.name} <br/> {aff} </div>)
+  }
+
+  selectUsers() {
+    const { selectedUsers, collaborations } = this.state;
+    const options = collaborations.map(c => (
+      { label: c.name, value: c.id }
+    ));
+
+    const authorInfo = selectedUsers && selectedUsers.map((a) => {
+      const us = collaborations.filter(c => c.id === a.value);
+      const u = us && us.length > 0 ? us[0] : {};
+      const aff = u && u.affiliations && u.affiliations.map(af => (
+        <div>  -{af.department}, {af.organization}, {af.country}</div>
+      ));
+      return (<div>{a.label}<br/>{aff}<br/></div>)
+    });
+
+    const authorCount = selectedUsers && selectedUsers.length;
+
+    return (
+      <div >
+        <Checkbox inputRef={(ref) => { this.refMeAsAuthor = ref; }}>add me as author</Checkbox>
+        <Checkbox inputRef={(ref) => { this.refBehalfAsAuthor = ref; }}>
+          I am contributing on behalf of the author{authorCount > 0 ? 's' : ''}
+        </Checkbox>
+        <h5><b>Authors:</b></h5>
+        <Select
+          multi
+          searchable
+          placeholder="Select authors from my collaboration"
+          backspaceRemoves
+          value={selectedUsers}
+          valueKey="value"
+          labelKey="label"
+          matchProp="name"
+          options={options}
+          onChange={this.handleSelectUser}
+        />
+        <div>
+          {authorInfo}
+        </div>
+      </div>
+    );
+  }
+
+  citationTable(rows, sortedIds, selectedRefs) {
+    const sids = sortedUniq(sortedIds);
+    return (
+      <Table>
+        <thead>
+          <tr>
+            <th width="80%" />
+            <th width="20%" />
+          </tr>
+        </thead>
+        <tbody>
+          {sids.map((id) => {
+            const citation = rows.get(id);
+            return (
+              <tr key={id}>
+                <td className="padding-right">
+                  <Citation literature={citation} />
+                </td>
+                <td>
+                  <OverlayTrigger
+                    placement="left"
+                    overlay={<Tooltip id="checkAnalysis">publish this reference</Tooltip>}
+                  >
+                    <Checkbox
+                      checked={selectedRefs.includes(id)}
+                      onChange={() => { this.handleRefCheck(id); }}
+                    >
+                      <span>Add to publication</span>
+                    </Checkbox>
+                  </OverlayTrigger>
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </Table>
+    );
+  }
+
+  selectReferences() {
+    const { selectedRefs, literatures, sortedIds } = this.state;
+    return (
+      <div >
+        <ListGroup fill="true">
+          <ListGroupItem>
+            {this.citationTable(literatures, sortedIds, selectedRefs)}
+          </ListGroupItem>
+        </ListGroup>
+      </div>
+    );
+  }
+
+  toggleDiv(key) {
+    if (key) {
+      this.setState((previousState) => {
+        const newState = previousState;
+        newState[key] = !previousState[key];
+        return { ...newState };
+      }, this.forceUpdate());
+    }
+  }
+
+  handleEmbargoChange(selectedValue) {
+    if (selectedValue) {
+      this.setState({ selectedEmbargo: selectedValue });
+    }
+  }
+
+  handleLicenseChange(selectedValue) {
+    if (selectedValue) {
+      this.setState({
+        selectedLicense: selectedValue,
+        cc0Consent: { consent1: false, consent2: false }
+      });
+    }
+  }
+
+  handleCC0ConsentChange(selectedValue, selectedType) {
+    const { cc0Consent } = this.state;
+    if (selectedType === 'consent1') {
+      cc0Consent.consent1 = selectedValue;
+    }
+    if (selectedType === 'consent2') {
+      cc0Consent.consent2 = selectedValue;
+    }
+    this.setState({ cc0Consent });
+  }
+
+  render() {
+    const { show, onHide, sample } = this.props;
+    const canPublish = this.validateSubmission(); // this.validateAnalyses();
+    const {
+      showPreview,
+      selectedUsers,
+      selectedRefs
+    } = this.state;
+    const analyses = sample.analysisArray();
+    const selectedAnalysesCount = analyses.filter(
+      a => (a.extended_metadata && (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')) && a.extended_metadata.kind && a.extended_metadata.status === 'Confirmed' && isNmrPass(a, sample) && isDatasetPass(a))).length;
+
+    const { molecule } = sample;
+
+    const {
+      selectedEmbargo, selectedLicense, cc0Consent
+    } = this.state;
+
+    if (show) {
+      return (
+        <div>
+          <Modal dialogClassName="publishReactionModal" animation show={show} bsSize="large" onHide={() => onHide()}>
+            <Modal.Header closeButton>
+              <Modal.Title>
+                Publish Sample
+              </Modal.Title>
+            </Modal.Header>
+            <Modal.Body style={{ paddingBottom: 'unset', maxHeight: 'calc(100vh - 210px)', overflowY: 'auto' }}>
+              <EmbargoCom
+                opts={this.state.bundles}
+                selectedValue={selectedEmbargo}
+                onEmbargoChange={this.handleEmbargoChange}
+                selectedLicense={selectedLicense}
+                onLicenseChange={this.handleLicenseChange}
+                onCC0ConsentChange={this.handleCC0ConsentChange}
+                cc0Deed={cc0Consent}
+              />
+              <Panel>
+                <Panel.Body>
+                  <MoleculeInfo molecule={molecule} sample_svg_file={sample.sample_svg_file} />
+                </Panel.Body>
+              </Panel>
+              <PanelGroup accordion id="publish-sample-config">
+                <Panel
+                  eventKey="2"
+                >
+                  <Panel.Heading>
+                    <Panel.Title toggle>
+                      <h4> Select Analyses ({selectedAnalysesCount})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    <SampleDetailsContainers
+                      readOnly
+                      publish
+                      sample={sample}
+                      handleSampleChanged={this.handleSampleChanged}
+                    />
+                  </Panel.Body>
+                </Panel>
+                <Panel eventKey="3">
+                  <Panel.Heading>
+                    <Panel.Title toggle>
+                      <h4> Select Authors ({selectedUsers.length})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    {this.contributor()}
+                    {this.selectUsers()}
+                  </Panel.Body>
+                </Panel>
+                <Panel eventKey="5">
+                  <Panel.Heading>
+                    <Panel.Title toggle>
+                      <h4> Select Reference ({selectedRefs.length})</h4>
+                    </Panel.Title>
+                  </Panel.Heading>
+                  <Panel.Body collapsible>
+                    {this.selectReferences()}
+                  </Panel.Body>
+                </Panel>
+              </PanelGroup>
+              {showPreview ? null : null}
+            </Modal.Body>
+            <Modal.Footer>
+              <Button onClick={() => onHide()}>Close</Button>
+              <Button bsStyle="primary" disabled={!canPublish} onClick={this.handlePublishSample}>
+                Publish Sample
+              </Button>
+            </Modal.Footer>
+          </Modal>
+        </div>
+      );
+    }
+    return <div />;
+  }
+}
+
+PublishSampleModal.propTypes = {
+  sample: PropTypes.instanceOf(Sample).isRequired,
+  show: PropTypes.bool.isRequired,
+  onHide: PropTypes.func.isRequired,
+  onPublishRefreshClose: PropTypes.func.isRequired,
+};
diff --git a/app/assets/javascripts/components/QuillEditor.js b/app/assets/javascripts/components/QuillEditor.js
index 76576268f..57dd89c6f 100644
--- a/app/assets/javascripts/components/QuillEditor.js
+++ b/app/assets/javascripts/components/QuillEditor.js
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import Quill from 'quill';
 import Delta from 'quill-delta';
 
-import _ from 'lodash';
+import { uniqueId, debounce, isEqual, uniq, union } from 'lodash';
 
 const toolbarOptions = [
   ['bold', 'italic', 'underline'],
@@ -48,11 +48,11 @@ export default class QuillEditor extends React.Component {
     });
 
     this.editor = false;
-    this.id = _.uniqueId('quill-editor-');
+    this.id = uniqueId('quill-editor-');
 
     this.getContents = this.getContents.bind(this);
     this.updateEditorValue = this.updateEditorValue.bind(this);
-    this.debouncedOnChange = _.debounce(this.props.onChange.bind(this), 300);
+    this.debouncedOnChange = debounce(this.props.onChange.bind(this), 300);
     this.onChange = this.onChange.bind(this);
   }
 
@@ -68,7 +68,7 @@ export default class QuillEditor extends React.Component {
     const oldContents = this.editor ? this.getContents() : null;
 
     if (oldContents && nextVal &&
-      !_.isEqual(nextVal.ops, oldContents.ops)) {
+      !isEqual(nextVal.ops, oldContents.ops)) {
       this.setState({ value: nextVal });
       const sel = this.editor.getSelection();
       this.editor.setContents(nextVal);
@@ -173,8 +173,12 @@ export default class QuillEditor extends React.Component {
 
   renderQuillToolbarGroup() {
     if (this.theme !== 'snow') return (<span />);
+    let fToolbarOptions = uniq(toolbarOptions);
+    if (this.props.extraToolbarOptions) {
+      fToolbarOptions = union(fToolbarOptions, this.props.extraToolbarOptions);
+    }
 
-    const quillToolbar = toolbarOptions.map((formatGroup, index) => {
+    const quillToolbar = fToolbarOptions.map((formatGroup, index) => {
       const groupElement = formatGroup.map((element) => {
         if (typeof element === 'string') {
           return (
@@ -273,6 +277,7 @@ QuillEditor.propTypes = {
   height: PropTypes.string,
   disabled: PropTypes.bool,
   onChange: PropTypes.func,
+  extraToolbarOptions: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.object, PropTypes.string]))),
 };
 
 QuillEditor.defaultProps = {
@@ -283,4 +288,5 @@ QuillEditor.defaultProps = {
   height: '230px',
   disabled: false,
   onChange: null,
+  extraToolbarOptions: null,
 };
diff --git a/app/assets/javascripts/components/QuillViewer.js b/app/assets/javascripts/components/QuillViewer.js
index cde445104..84b2084ad 100644
--- a/app/assets/javascripts/components/QuillViewer.js
+++ b/app/assets/javascripts/components/QuillViewer.js
@@ -40,7 +40,6 @@ export default class QuillViewer extends React.Component {
   }
 
   render() {
-    this.theme = 'bubble';
     this.readOnly = true;
 
     return (
diff --git a/app/assets/javascripts/components/ReactionDetails.js b/app/assets/javascripts/components/ReactionDetails.js
index 157556b18..05317132e 100644
--- a/app/assets/javascripts/components/ReactionDetails.js
+++ b/app/assets/javascripts/components/ReactionDetails.js
@@ -2,16 +2,19 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import {
   Col, Panel, ListGroupItem, ButtonToolbar, Button,
-  Tabs, Tab, OverlayTrigger, Tooltip
+  Tabs, Tab, OverlayTrigger, Tooltip,
+  Row, Alert, Label
 } from 'react-bootstrap';
 import SvgFileZoomPan from 'react-svg-file-zoom-pan';
-
+import uuid from 'uuid';
+import { cloneDeep } from 'lodash';
 import ElementCollectionLabels from './ElementCollectionLabels';
 import ElementAnalysesLabels from './ElementAnalysesLabels';
 import ElementActions from './actions/ElementActions';
 import DetailActions from './actions/DetailActions';
 import CollectionActions from './actions/CollectionActions';
 import LoadingActions from './actions/LoadingActions';
+import RepositoryActions from './actions/RepositoryActions';
 
 import ReactionDetailsLiteratures from './DetailsTabLiteratures';
 import ReactionDetailsContainers from './ReactionDetailsContainers';
@@ -30,16 +33,30 @@ import ReactionSvgFetcher from './fetchers/ReactionSvgFetcher';
 import ConfirmClose from './common/ConfirmClose';
 import { rfValueFormat } from './utils/ElementUtils';
 
+import PublishReactionModal from './PublishReactionModal';
+import {
+  PublishedTag,
+  LabelPublication,
+  PublishBtnReaction,
+  ReviewPublishBtn,
+  validateMolecule,
+} from './PublishCommon';
+import ReactionDetailsRepoComment from './ReactionDetailsRepoComment';
+import { contentToText } from './utils/quillFormat';
 
 export default class ReactionDetails extends Component {
   constructor(props) {
     super(props);
 
     const { reaction } = props;
+    const publication = reaction.tag && reaction.tag.taggable_data
+      && reaction.tag.taggable_data.publication
     this.state = {
-      reaction: reaction,
+      reaction,
       literatures: reaction.literatures,
       activeTab: UIStore.getState().reaction.activeTab,
+      showPublishReactionModal: false,
+      commentScreen: false
     };
 
     // remarked because of #466 reaction load image issue (Paggy 12.07.2018)
@@ -50,6 +67,13 @@ export default class ReactionDetails extends Component {
     this.onUIStoreChange = this.onUIStoreChange.bind(this);
     this.handleReactionChange = this.handleReactionChange.bind(this);
     this.handleSubmit = this.handleSubmit.bind(this);
+    this.handlePublishReactionModal = this.handlePublishReactionModal.bind(this);
+    this.forcePublishRefreshClose = this.forcePublishRefreshClose.bind(this);
+    this.handleCommentScreen = this.handleCommentScreen.bind(this);
+    this.handleFullScreen = this.handleFullScreen.bind(this);
+    this.handleValidation = this.handleValidation.bind(this);
+    this.handleResetValidation = this.handleResetValidation.bind(this);
+    this.handleModalAnalysesCheck = this.handleModalAnalysesCheck.bind(this);
   }
 
   onUIStoreChange(state) {
@@ -61,11 +85,7 @@ export default class ReactionDetails extends Component {
   }
 
   componentDidMount() {
-    UIStore.listen(this.onUIStoreChange)
-  }
-
-  componentWillUnmount() {
-    UIStore.unlisten(this.onUIStoreChange)
+    UIStore.listen(this.onUIStoreChange);
   }
 
   componentWillReceiveProps(nextProps) {
@@ -73,6 +93,8 @@ export default class ReactionDetails extends Component {
     const nextReaction = nextProps.reaction;
 
     if (nextReaction.id !== reaction.id ||
+        nextReaction.can_publish !== reaction.can_publish ||
+        nextReaction.can_update !== reaction.can_update ||
         nextReaction.updated_at !== reaction.updated_at ||
         nextReaction.reaction_svg_file !== reaction.reaction_svg_file ||
         nextReaction.changed || nextReaction.editedSample) {
@@ -84,15 +106,117 @@ export default class ReactionDetails extends Component {
     const nextReaction = nextProps.reaction;
     const nextActiveTab = nextState.activeTab;
     const { reaction, activeTab } = this.state;
+
     return (
+      nextReaction.can_publish !== reaction.can_publish ||
+      nextReaction.can_update !== reaction.can_update ||
       nextReaction.id !== reaction.id ||
       nextReaction.updated_at !== reaction.updated_at ||
       nextReaction.reaction_svg_file !== reaction.reaction_svg_file ||
       !!nextReaction.changed || !!nextReaction.editedSample ||
-      nextActiveTab !== activeTab
+      nextActiveTab !== activeTab ||
+      nextState.commentScreen !== this.state.commentScreen ||
+      nextProps.fullScreen !== this.props.fullScreen ||
+      ((nextState.reaction.validates || false)) ||
+      nextState.showPublishReactionModal !== this.state.showPublishReactionModal
     );
   }
 
+  componentWillUnmount() {
+    UIStore.unlisten(this.onUIStoreChange);
+  }
+
+  forcePublishRefreshClose(reaction, show) {
+    this.setState({ reaction, showPublishReactionModal: show });
+    this.forceUpdate();
+  }
+
+  handleModalAnalysesCheck(reaction) {
+    this.setState({ reaction });
+  }
+
+  handleValidation(element) {
+    let validates = [];
+    const reaction = element;
+    const schemeOnly = (reaction && reaction.publication && reaction.publication.taggable_data &&
+    reaction.publication.taggable_data.scheme_only === true) || false;
+    if ((reaction.rxno || '') === '' && schemeOnly === false) {
+      validates.push({ name: 'reaction_type', value: false, message: 'Reaction Type is missing.' });
+    }
+    const duration = (reaction.duration || '').split(' ').shift();
+    if (duration === '' || (duration === reaction.duration)) {
+      validates.push({ name: 'duration', value: false, message: 'No duration' });
+    }
+    const hasTemperature = !!(reaction.temperature && reaction.temperature.userText);
+    if (!hasTemperature) {
+      validates.push({ name: 'temperature', value: false, message: 'Temperature is missing' });
+    }
+    const desc = contentToText(reaction.description).trim() || '';
+    if (desc === '' && schemeOnly === false) {
+      validates.push({ name: 'description', value: false, message: 'Description is missing' });
+    }
+
+    if (schemeOnly === false) {
+      let hasAnalyses = (reaction.container.children.filter(c => c.container_type === 'analyses')[0].children.length > 0);
+      const startingMaterisls = (reaction.starting_materials || []);
+      if (startingMaterisls.length < 1) {
+        validates.push({ name: 'start_material', value: false, message: 'Start material is missing' });
+      }
+      startingMaterisls.forEach((st) => {
+        if (!st.amount || !st.amount.value) {
+          validates.push({ name: 'starting_materials-amount', value: false, message: `${st.molecule_iupac_name}: amount is 0` });
+        }
+      });
+      const products = (reaction.products || []);
+      if (products.length < 1) {
+        validates.push({ name: 'product', value: false, message: 'Product is missing' });
+      }
+      products.forEach((pt) => {
+        if (!pt.amount || !pt.amount.value) {
+          validates.push({ name: 'product-amount', value: false, message: `${pt.molecule_iupac_name}: amount is 0` });
+        }
+        if (pt.analysisArray().length > 0) {
+          hasAnalyses = true;
+        }
+        const validatePt = validateMolecule(pt);
+        if (validatePt.length > 0) {
+          validates = validates.concat(validatePt);
+        }
+      });
+      if (!hasAnalyses) {
+        validates.push({ name: 'analyses', value: false, message: 'Analyses data is missing.' });
+      }
+    }
+
+    if (validates.length > 0) {
+      reaction.validates = validates;
+      this.setState({ reaction });
+    } else {
+      LoadingActions.start();
+      RepositoryActions.reviewPublish(element);
+    }
+  }
+
+  handleResetValidation() {
+    const { reaction } = this.state;
+    reaction.validates = [];
+    this.setState({ reaction });
+  }
+
+  handleCommentScreen() {
+    this.setState({ commentScreen: true });
+    this.props.toggleCommentScreen(true);
+  }
+
+  handleFullScreen() {
+    this.setState({ commentScreen: false });
+    this.props.toggleFullScreen();
+  }
+
+  handlePublishReactionModal(show) {
+    this.setState({ showPublishReactionModal: show });
+  }
+
   updateReactionSvg() {
     const {reaction} = this.state;
     const materialsSvgPaths = {
@@ -232,7 +356,7 @@ export default class ReactionDetails extends Component {
         {tabs}
         <Tab eventKey={4.1} title={reactionTab}>
           <ListGroupItem style={{ paddingBottom: 20 }}>
-            <ReactionDetailsContainers reaction={reaction} parent={this} />
+            <ReactionDetailsContainers reaction={reaction} parent={this} readOnly={reaction.is_published || false} />
           </ListGroupItem>
         </Tab>
       </Tabs>
@@ -271,12 +395,19 @@ export default class ReactionDetails extends Component {
     let hasChanged = reaction.changed ? '' : 'none'
     const titleTooltip = `Created at: ${reaction.created_at} \n Updated at: ${reaction.updated_at}`;
 
+    if (reaction.is_published) {
+      hasChanged = 'none';
+    }
+
+    const schemeOnly = (reaction && reaction.publication && reaction.publication.taggable_data &&
+      reaction.publication.taggable_data.scheme_only === true) || false;
+
     return (
       <div>
         <OverlayTrigger placement="bottom" overlay={<Tooltip id="sampleDates">{titleTooltip}</Tooltip>}>
           <span><i className="icon-reaction"/>&nbsp;{reaction.title()}</span>
         </OverlayTrigger>
-        <ConfirmClose el={reaction} />
+        <ConfirmClose el={reaction} forceClose={reaction.is_published} />
         <OverlayTrigger placement="bottom"
             overlay={<Tooltip id="saveReaction">Save and Close Reaction</Tooltip>}>
           <Button
@@ -284,7 +415,7 @@ export default class ReactionDetails extends Component {
             bsSize="xsmall"
             className="button-right"
             onClick={() => this.handleSubmit(true)}
-            disabled={!this.reactionIsValid() || reaction.isNew}
+            disabled={!this.reactionIsValid() || reaction.isNew || reaction.is_published}
             style={{ display: hasChanged }}
           >
             <i className="fa fa-floppy-o" />
@@ -295,7 +426,7 @@ export default class ReactionDetails extends Component {
             overlay={<Tooltip id="saveReaction">Save Reaction</Tooltip>}>
           <Button bsStyle="warning" bsSize="xsmall" className="button-right"
               onClick={() => this.handleSubmit()}
-              disabled={!this.reactionIsValid()}
+              disabled={!this.reactionIsValid() || reaction.is_published}
               style={{display: hasChanged}} >
             <i className="fa fa-floppy-o "></i>
           </Button>
@@ -308,7 +439,7 @@ export default class ReactionDetails extends Component {
             bsStyle="info"
             bsSize="xsmall"
             className="button-right"
-            onClick={() => this.props.toggleFullScreen()}
+            onClick={this.handleFullScreen}
           >
             <i className="fa fa-expand" />
           </Button>
@@ -334,10 +465,19 @@ export default class ReactionDetails extends Component {
           </Button>
         </OverlayTrigger>
         <div style={{display: "inline-block", marginLeft: "10px"}}>
-          <ElementCollectionLabels element={reaction} key={reaction.id} placement="right"/>
+          <ElementCollectionLabels element={reaction} key={reaction.id} placement="right" />
           <ElementAnalysesLabels element={reaction} key={reaction.id+"_analyses"}/>
+          { schemeOnly ? <span>&nbsp;<Label>scheme only</Label></span> : '' }
+        </div>
+        <PublishBtnReaction
+          reaction={reaction}
+          showModal={this.handlePublishReactionModal}
+        />
+        <ReviewPublishBtn element={reaction} showComment={this.handleCommentScreen} validation={this.handleValidation} />
+        <div style={{ display: "inline-block", marginLeft: "10px" }}>
+          <PublishedTag element={reaction} />
+          <LabelPublication element={reaction} />
         </div>
-        <PrintCodeButton element={reaction}/>
       </div>
     );
   }
@@ -350,22 +490,51 @@ export default class ReactionDetails extends Component {
   }
 
   render() {
-    const {reaction} = this.state;
-
+    const { reaction, showPublishReactionModal } = this.state;
     const submitLabel = (reaction && reaction.isNew) ? "Create" : "Save";
     let extraTabs =[];
     for (let j=0;j < XTabs.count;j++){
       if (XTabs['on'+j](reaction)){extraTabs.push((i)=>this.extraTab(i))}
     }
 
+    const panelStylePre = reaction.isPendingToSave ? 'info' : 'primary';
+    const publication = reaction.tag && reaction.tag.taggable_data &&
+      reaction.tag.taggable_data.publication
+    const panelStyle = publication ? 'success' : panelStylePre;
+
+    const validateObjs = reaction.validates && reaction.validates.filter(v => v.value === false);
+    const validationBlock = (validateObjs && validateObjs.length > 0) ? (
+      <Alert bsStyle="danger" style={{ marginBottom: 'unset', padding: '5px', marginTop: '10px' }}>
+        <strong>Submission Alert</strong>&nbsp;&nbsp;
+        <Button bsSize="xsmall" bsStyle="danger" onClick={() => this.handleResetValidation()}>Close Alert</Button>
+        <br />
+        {
+          validateObjs.map(m => (
+            <div key={uuid.v1()}>{m.message}</div>
+          ))
+        }
+      </Alert>
+    ) : null;
+
     return (
-      <Panel className="eln-panel-detail"
-             bsStyle={reaction.isPendingToSave ? 'info' : 'primary'}>
-        <Panel.Heading>{this.reactionHeader(reaction)}</Panel.Heading>
+      <Panel
+        className="element-panel-detail"
+        bsStyle={panelStyle}
+      >
+        <Panel.Heading>{this.reactionHeader(reaction)}{validationBlock}</Panel.Heading>
         <Panel.Body>
+          <Row><Col md={this.props.fullScreen && this.state.commentScreen ? 6 : 12}>
+            <div className={this.props.fullScreen ? 'full' : 'base'}>
           {this.reactionSVG(reaction)}
+              <PublishReactionModal
+                show={showPublishReactionModal}
+                reaction={cloneDeep(reaction)}
+                onHide={this.handlePublishReactionModal}
+                onPublishRefreshClose={this.forcePublishRefreshClose}
+                onHandleAnalysesCheck={this.handleModalAnalysesCheck}
+              />
           <Tabs activeKey={this.state.activeTab} onSelect={this.handleSelect.bind(this)}
-             id="reaction-detail-tab">
+            id="reaction-detail-tab">
             <Tab eventKey={0} title={'Scheme'}>
               <ReactionDetailsScheme
                 reaction={reaction}
@@ -391,12 +560,12 @@ export default class ReactionDetails extends Component {
             <Tab eventKey={3} title={'Analyses'}>
                 {this.productData(reaction)}
             </Tab>
-            <Tab eventKey={4} title="Green Chemistry">
+            {/* <Tab eventKey={4} title="Green Chemistry">
               <GreenChemistry
                 reaction={reaction}
                 onReactionChange={this.handleReactionChange}
               />
-            </Tab>
+            </Tab> */}
             {extraTabs.map((e,i)=>e(i))}
           </Tabs>
           <hr/>
@@ -404,13 +573,26 @@ export default class ReactionDetails extends Component {
             <Button bsStyle="primary" onClick={() => DetailActions.close(reaction)}>
               Close
             </Button>
-            <Button bsStyle="warning" onClick={() => this.handleSubmit()} disabled={!this.reactionIsValid()}>
+            <Button bsStyle="warning" onClick={() => this.handleSubmit()} disabled={!this.reactionIsValid() || reaction.is_published}>
               {submitLabel}
             </Button>
             <Button bsStyle="default" onClick={() => CollectionActions.downloadReportReaction(reaction.id)}>
               Export samples
             </Button>
           </ButtonToolbar>
+            </div>
+          </Col>
+            {
+              this.props.fullScreen && this.state.commentScreen ?
+                <Col md={6}>
+                  <div className={this.props.fullScreen ? 'full' : 'base'}>
+                    <ReactionDetailsRepoComment reactionId={reaction.id} />
+                  </div>
+                </Col>
+                :
+                <div />
+            }
+          </Row>
         </Panel.Body>
       </Panel>
     );
@@ -420,4 +602,7 @@ export default class ReactionDetails extends Component {
 ReactionDetails.propTypes = {
   reaction: PropTypes.object,
   toggleFullScreen: PropTypes.func,
+  toggleCommentScreen: PropTypes.func.isRequired,
+  fullScreen: PropTypes.bool.isRequired,
+  validates: PropTypes.array
 }
diff --git a/app/assets/javascripts/components/ReactionDetailsMainProperties.js b/app/assets/javascripts/components/ReactionDetailsMainProperties.js
index 665d3b546..e1ec763a6 100644
--- a/app/assets/javascripts/components/ReactionDetailsMainProperties.js
+++ b/app/assets/javascripts/components/ReactionDetailsMainProperties.js
@@ -21,6 +21,7 @@ import { statusOptions } from './staticDropdownOptions/options'
 import LineChartContainer from './lineChart/LineChartContainer'
 import EditableTable from './lineChart/EditableTable'
 import OlsTreeSelect from './OlsComponent';
+import { RequiredLabel } from '../libHome/RepoCommon';
 
 export default class ReactionDetailsMainProperties extends Component {
   constructor(props) {
@@ -107,7 +108,7 @@ export default class ReactionDetailsMainProperties extends Component {
                 type="text"
                 value={reaction.name || ''}
                 placeholder="Name..."
-                disabled={reaction.isMethodDisabled('name')}
+                disabled={reaction.isMethodDisabled('name') || reaction.is_published}
                 onChange={event => onInputChange('name', event)}
               />
             </FormGroup>
@@ -122,7 +123,7 @@ export default class ReactionDetailsMainProperties extends Component {
                 multi={false}
                 options={statusOptions}
                 value={reaction.status}
-                disabled={reaction.isMethodDisabled('status')}
+                disabled={reaction.isMethodDisabled('status') || reaction.is_published}
                 onChange={(event) => {
                   const wrappedEvent = {
                     target: { value: event && event.value },
@@ -134,7 +135,7 @@ export default class ReactionDetailsMainProperties extends Component {
           </Col>
           <Col md={3}>
             <FormGroup>
-              <ControlLabel>Temperature</ControlLabel>
+              <ControlLabel>Temperature&nbsp;<RequiredLabel placement="top" /></ControlLabel>
               <InputGroup>
                 <InputGroup.Button>
                   <OverlayTrigger placement="bottom" overlay={temperatureTooltip}>
@@ -150,7 +151,7 @@ export default class ReactionDetailsMainProperties extends Component {
                 <FormControl
                   type="text"
                   value={temperatureDisplay || ''}
-                  disabled={reaction.isMethodDisabled('temperature')}
+                  disabled={reaction.isMethodDisabled('temperature') || reaction.is_published}
                   placeholder="Temperature..."
                   onChange={event => onInputChange('temperature', event)}
                 />
@@ -172,7 +173,7 @@ export default class ReactionDetailsMainProperties extends Component {
         <Row>
           <Col md={12}>
             <FormGroup>
-              <ControlLabel>Type (Name Reaction Ontology)</ControlLabel>
+              <ControlLabel>Type (Name Reaction Ontology)&nbsp;<RequiredLabel placement="top" /></ControlLabel>
               <OlsTreeSelect
                 selectName="rxno"
                 selectedValue={(reaction.rxno && reaction.rxno.trim()) || ''}
diff --git a/app/assets/javascripts/components/ReactionDetailsProperties.js b/app/assets/javascripts/components/ReactionDetailsProperties.js
index 45238e4a0..64719c83e 100644
--- a/app/assets/javascripts/components/ReactionDetailsProperties.js
+++ b/app/assets/javascripts/components/ReactionDetailsProperties.js
@@ -21,6 +21,7 @@ import QuillEditor from './QuillEditor';
 import Sample from './models/Sample';
 import StringTag from './StringTag';
 import { observationPurification, solventsTL } from './utils/reactionPredefined';
+import { RequiredLabel } from '../libHome/RepoCommon';
 
 function dummy() { return true; }
 
@@ -203,7 +204,7 @@ export default class ReactionDetailsProperties extends Component {
                     <FormControl
                       type="text"
                       value={reaction.timestamp_start || ''}
-                      disabled={reaction.isMethodDisabled('timestamp_start')}
+                      disabled={reaction.isMethodDisabled('timestamp_start') || reaction.is_published}
                       placeholder="DD/MM/YYYY hh:mm:ss"
                       onChange={event => this.props.onInputChange('timestampStart', event)}
                     />
@@ -226,7 +227,7 @@ export default class ReactionDetailsProperties extends Component {
                     <FormControl
                       type="text"
                       value={reaction.timestamp_stop || ''}
-                      disabled={reaction.isMethodDisabled('timestamp_stop')}
+                      disabled={reaction.isMethodDisabled('timestamp_stop') || reaction.is_published}
                       placeholder="DD/MM/YYYY hh:mm:ss"
                       onChange={event => this.props.onInputChange('timestampStop', event)}
                     />
@@ -244,7 +245,7 @@ export default class ReactionDetailsProperties extends Component {
               </Col>
               <Col md={3}>
                 <FormGroup>
-                  <ControlLabel>Duration</ControlLabel>
+                  <ControlLabel>Duration&nbsp;<RequiredLabel placement="top" /></ControlLabel>
                   <InputGroup>
                     <FormControl
                       type="text"
@@ -289,6 +290,7 @@ export default class ReactionDetailsProperties extends Component {
                       type="text"
                       value={reaction.durationDisplay.dispValue || ''}
                       inputRef={this.refDuration}
+                      disabled={reaction.is_published}
                       placeholder="Input Duration..."
                       onChange={event => this.handleDurationChange(event)}
                     />
@@ -318,7 +320,7 @@ export default class ReactionDetailsProperties extends Component {
                   <QuillEditor
                     value={reaction.observation}
                     height="95px"
-                    disabled={reaction.isMethodDisabled('observation')}
+                    disabled={reaction.isMethodDisabled('observation') || reaction.is_published}
                     onChange={event => this.props.onInputChange('observation', event)}
                   />
                 </FormGroup>
@@ -330,7 +332,7 @@ export default class ReactionDetailsProperties extends Component {
                 <Select
                   name="purification"
                   multi
-                  disabled={reaction.isMethodDisabled('purification')}
+                  disabled={reaction.isMethodDisabled('purification') || reaction.is_published}
                   options={purificationOptions}
                   onChange={this.handlePurificationChange}
                   value={reaction.purification}
@@ -343,7 +345,7 @@ export default class ReactionDetailsProperties extends Component {
                   multi
                   options={dangerousProductsOptions}
                   value={reaction.dangerous_products}
-                  disabled={reaction.isMethodDisabled('dangerous_products')}
+                  disabled={reaction.isMethodDisabled('dangerous_products') || reaction.is_published}
                   onChange={selectedOptions => this.handleMultiselectChange(
                     'dangerousProducts', selectedOptions)}
                 />
@@ -386,7 +388,7 @@ export default class ReactionDetailsProperties extends Component {
                         style={{ zIndex: 0 }}
                         type="text"
                         value={reaction.tlc_solvents || ''}
-                        disabled={reaction.isMethodDisabled('tlc_solvents')}
+                        disabled={reaction.isMethodDisabled('tlc_solvents') || reaction.is_published}
                         placeholder="Solvents as parts..."
                         onChange={event => this.props.onInputChange('tlc_solvents', event)}
                       />
@@ -400,7 +402,7 @@ export default class ReactionDetailsProperties extends Component {
                   <FormControl
                     type="text"
                     value={reaction.rf_value || ''}
-                    disabled={reaction.isMethodDisabled('rf_value')}
+                    disabled={reaction.isMethodDisabled('rf_value') || reaction.is_published}
                     placeholder="Rf-Value..."
                     onChange={event => this.props.onInputChange('rfValue', event)}/>
                 </FormGroup>
@@ -413,7 +415,7 @@ export default class ReactionDetailsProperties extends Component {
                   <FormControl
                     componentClass="textarea"
                     value={reaction.tlc_description || ''}
-                    disabled={reaction.isMethodDisabled('tlc_description')}
+                    disabled={reaction.isMethodDisabled('tlc_description') || reaction.is_published}
                     placeholder="TLC-Description..."
                     onChange={event => this.props.onInputChange('tlcDescription', event)}/>
                 </FormGroup>
diff --git a/app/assets/javascripts/components/ReactionDetailsRepoComment.js b/app/assets/javascripts/components/ReactionDetailsRepoComment.js
new file mode 100644
index 000000000..a4ef0d9f4
--- /dev/null
+++ b/app/assets/javascripts/components/ReactionDetailsRepoComment.js
@@ -0,0 +1,91 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import RepositoryFetcher from './fetchers/RepositoryFetcher';
+import LoadingActions from './actions/LoadingActions';
+import PublicStore from '../components/stores/PublicStore';
+import RepoReactionDetails from '../libHome/RepoReactionDetails';
+
+export default class ReactionDetailsRepoComment extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      reaction: null,
+      reviewLevel: 0,
+      pubState: '',
+      submitter: ''
+    };
+    this.onStoreChange = this.onStoreChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onStoreChange);
+    LoadingActions.start();
+    RepositoryFetcher.fetchReaction(this.props.reactionId, false)
+      .then((data) => {
+        LoadingActions.stop();
+        // refer to PublicStore.handleDisplayReviewReaction
+        if (data.reaction && data.reaction.reviewLevel === 0) {
+          console.log(data);
+        } else {
+          let comments = {};
+          let summary = '';
+          let feedback = '';
+          let pubState = '';
+
+          if (data.reaction && data.reaction.publication) {
+            const { publication } = data.reaction;
+            pubState = publication.state;
+
+            if (publication.review) {
+              const pr = publication.review;
+              comments = pr.comments ? pr.comments : {};
+              summary = pr.summary ? pr.summary : '';
+              feedback = pr.feedback ? pr.feedback : '';
+            }
+          }
+          this.setState({
+            reaction: data.reaction,
+            reviewLevel: data.reviewLevel,
+            commentInfo: comments,
+            summaryInfo: summary,
+            feedbackInfo: feedback,
+            pubState,
+            submitter: data.pub_name,
+          });
+        }
+      }).catch((errorMessage) => {
+        console.log(`ReactionDetailsRepoComment_${errorMessage}`);
+        LoadingActions.stop();
+      });
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onStoreChange);
+  }
+
+  onStoreChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  render() {
+    const { reaction } = this.state;
+    return reaction && reaction.publication ?
+      (
+        <RepoReactionDetails
+          reaction={reaction}
+          canComment
+          reviewLevel={this.state.reviewLevel}
+          submitter={this.state.submitter}
+          pubState={this.state.pubState}
+          comments={this.state.commentInfo ? this.state.commentInfo : {}}
+          summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+          feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+          canClose={false}
+          buttons={['Comments']}
+        />) : <div>No Publication found</div>;
+  }
+}
+
+ReactionDetailsRepoComment.propTypes = {
+  reactionId: PropTypes.number.isRequired,
+};
diff --git a/app/assets/javascripts/components/ReactionDetailsScheme.js b/app/assets/javascripts/components/ReactionDetailsScheme.js
index b00732906..6f1f13120 100644
--- a/app/assets/javascripts/components/ReactionDetailsScheme.js
+++ b/app/assets/javascripts/components/ReactionDetailsScheme.js
@@ -17,6 +17,7 @@ import NotificationActions from './actions/NotificationActions';
 import { reactionToolbarSymbol } from './utils/quillToolbarSymbol';
 import GeneralProcedureDnd from './GeneralProcedureDnD';
 import { rolesOptions, conditionsOptions } from './staticDropdownOptions/options';
+import { RequiredLabel } from '../libHome/RepoCommon';
 
 export default class ReactionDetailsScheme extends Component {
   constructor(props) {
@@ -775,12 +776,13 @@ if ((typeof (lockEquivColumn) !== 'undefined' && !lockEquivColumn) || !reaction.
             <Row>
               <Col md={12}>
                 <FormGroup>
-                  <ControlLabel>Description</ControlLabel>
+                  <ControlLabel>Description&nbsp;<RequiredLabel placement="top" /></ControlLabel>
                   <QuillEditor
                     ref={this.quillref}
                     value={reaction.description}
                     onChange={event => this.props.onInputChange('description', event)}
                     toolbarSymbol={reactionToolbarSymbol}
+                    disabled={reaction.is_published || false}
                   />
                 </FormGroup>
               </Col>
diff --git a/app/assets/javascripts/components/SampleDetails.js b/app/assets/javascripts/components/SampleDetails.js
index 991f537fc..6950eefab 100644
--- a/app/assets/javascripts/components/SampleDetails.js
+++ b/app/assets/javascripts/components/SampleDetails.js
@@ -17,6 +17,7 @@ import ElementActions from './actions/ElementActions';
 import ElementStore from './stores/ElementStore';
 import DetailActions from './actions/DetailActions';
 import LoadingActions from './actions/LoadingActions';
+import RepositoryActions from './actions/RepositoryActions';
 
 import UIStore from './stores/UIStore';
 import UserStore from './stores/UserStore';
@@ -34,6 +35,7 @@ import XLabels from './extra/SampleDetailsXLabels';
 import XTabs from './extra/SampleDetailsXTabs';
 
 import StructureEditorModal from './structure_editor/StructureEditorModal';
+import PublishSampleModal from './PublishSampleModal';
 
 import Sample from './models/Sample';
 import Container from './models/Container'
@@ -53,6 +55,14 @@ import PubchemLcss from './PubchemLcss';
 import QcMain from './qc/QcMain';
 import { chmoConversions } from './OlsComponent';
 import ConfirmClose from './common/ConfirmClose';
+import {
+  PublishedTag,
+  LabelPublication,
+  PublishBtn,
+  ReviewPublishBtn,
+  validateMolecule,
+} from './PublishCommon';
+import SampleDetailsRepoComment from './SampleDetailsRepoComment';
 
 const MWPrecision = 6;
 
@@ -73,12 +83,13 @@ export default class SampleDetails extends React.Component {
       smileReadonly: !props.sample.isNew,
       quickCreator: false,
       showInchikey: false,
-      pageMessage: null
+      pageMessage: null,
+      showPublishSampleModal: false,
+      commentScreen: false
     };
 
-    const data = UserStore.getState().profile.data || {};
+    const data = (UserStore.getState().profile || {}).data || {};
     this.enableComputedProps = _.get(data, 'computed_props.enable', false);
-
     this.onUIStoreChange = this.onUIStoreChange.bind(this);
     this.clipboard = new Clipboard('.clipboardBtn');
     this.addManualCas = this.addManualCas.bind(this);
@@ -89,6 +100,13 @@ export default class SampleDetails extends React.Component {
     this.handleSelect = this.handleSelect.bind(this);
     this.toggleInchi = this.toggleInchi.bind(this);
     this.fetchQcWhenNeeded = this.fetchQcWhenNeeded.bind(this);
+    this.showPublishSampleModal = this.showPublishSampleModal.bind(this);
+    this.forcePublishRefreshClose = this.forcePublishRefreshClose.bind(this);
+    this.handleCommentScreen = this.handleCommentScreen.bind(this);
+    this.handleFullScreen = this.handleFullScreen.bind(this);
+    this.handleValidation = this.handleValidation.bind(this);
+    this.handleResetValidation = this.handleResetValidation.bind(this);
+    this.handleAssociateClick = this.handleAssociateClick.bind(this);
   }
 
   componentWillReceiveProps(nextProps) {
@@ -127,6 +145,59 @@ export default class SampleDetails extends React.Component {
     }
   }
 
+  forcePublishRefreshClose(sample, show) {
+    this.setState({ sample, showPublishSampleModal: show });
+    this.forceUpdate();
+  }
+
+  handleAssociateClick() {
+    const { sample } = this.state;
+    ElementActions.tryFetchReactionById(sample.tag.taggable_data.reaction_id);
+    sample.validates = [];
+    this.setState({ sample });
+  }
+
+  handleValidation(element) {
+    let validates = [];
+    const sample = element;
+    if (sample.tag && sample.tag.taggable_data && sample.tag.taggable_data.reaction_id) {
+      validates.push({ name: `sample [${sample.name}]`, value: false, message: `${sample.name} is associated with a Reaction.` });
+    } else {
+      const analyses = sample.analysisArray();
+      if (analyses.length < 1) {
+        validates.push({ name: `sample [${sample.name}]`, value: false, message: 'Analyses data is missing.' });
+      } else {
+        const validatePt = validateMolecule(sample);
+        if (validatePt.length > 0) {
+          validates = validates.concat(validatePt);
+        }
+      }
+    }
+    if (validates.length > 0) {
+      sample.validates = validates;
+      this.setState({ sample });
+    } else {
+      LoadingActions.start();
+      RepositoryActions.reviewPublish(element);
+    }
+  }
+
+  handleResetValidation() {
+    const { sample } = this.state;
+    sample.validates = [];
+    this.setState({ sample });
+  }
+
+  handleCommentScreen() {
+    this.setState({ commentScreen: true });
+    this.props.toggleCommentScreen(true);
+  }
+
+  handleFullScreen() {
+    this.setState({ commentScreen: false });
+    this.props.toggleFullScreen();
+  }
+
   handleMolfileShow() {
     this.setState({
       showMolfileModal: true
@@ -274,12 +345,9 @@ export default class SampleDetails extends React.Component {
     sample.updateChecksum();
   }
 
-  structureEditorButton(isDisabled) {
-    return (
-      <Button onClick={this.showStructureEditor.bind(this)} disabled={isDisabled}>
-        <Glyphicon glyph='pencil'/>
-      </Button>
-    )
+  showPublishSampleModal(show) {
+    this.setState({showPublishSampleModal: show});
+    this.forceUpdate();
   }
 
   svgOrLoading(sample) {
@@ -375,7 +443,7 @@ export default class SampleDetails extends React.Component {
   sampleHeader(sample) {
     let saveBtnDisplay = sample.isEdited ? '' : 'none'
     const titleTooltip = `Created at: ${sample.created_at} \n Updated at: ${sample.updated_at}`;
-
+    
     return (
       <div>
         <OverlayTrigger placement="bottom" overlay={<Tooltip id="sampleDates">{titleTooltip}</Tooltip>}>
@@ -404,16 +472,20 @@ export default class SampleDetails extends React.Component {
         <OverlayTrigger placement="bottom"
             overlay={<Tooltip id="fullSample">FullScreen</Tooltip>}>
           <Button bsStyle="info" bsSize="xsmall" className="button-right"
-            onClick={() => this.props.toggleFullScreen()}>
+            onClick={this.handleFullScreen}>
             <i className="fa fa-expand"></i>
           </Button>
         </OverlayTrigger>
-        <PrintCodeButton element={sample}/>
+
+        <PublishBtn sample={sample} showModal={this.showPublishSampleModal} />
+        <ReviewPublishBtn element={sample} showComment={this.handleCommentScreen} validation={this.handleValidation} />
         <div style={{display: "inline-block", marginLeft: "10px"}}>
           <ElementReactionLabels element={sample} key={sample.id + "_reactions"}/>
           <ElementCollectionLabels element={sample} key={sample.id} placement="right"/>
           <ElementAnalysesLabels element={sample} key={sample.id+"_analyses"}/>
           <PubchemLabels element={sample} />
+          <PublishedTag element={sample} />
+          <LabelPublication element={sample} />
           {this.extraLabels().map((Lab,i)=><Lab key={i} element={sample}/>)}
         </div>
 
@@ -974,6 +1046,7 @@ export default class SampleDetails extends React.Component {
 
   render() {
     const sample = this.state.sample || {};
+    let {showPublishSampleModal} = this.state
     const tabContents = [
       i => this.samplePropertiesTab(i),
       i => this.sampleContainerTab(i),
@@ -996,6 +1069,38 @@ export default class SampleDetails extends React.Component {
         )));
       }
     }
+    const validateObjs = sample.validates && sample.validates.filter(v => v.value === false);
+    let validationBlock = null;
+    if (validateObjs && validateObjs.length > 0) {
+      const validateAssociate = sample.validates && sample.validates.filter(v => v.value === false && v.message.includes('associated'));
+      if (validateAssociate && validateAssociate.length > 0) {
+        validationBlock = (
+          <Alert bsStyle="danger" style={{ marginBottom: 'unset', padding: '5px', marginTop: '10px' }}>
+            <strong>Submission Alert</strong>
+            <p>
+              This sample is associated with a Reaction and can not be published alone.
+            </p>
+            <Button bsSize="xsmall" onClick={() => this.handleAssociateClick()}>Go to Reaction&nbsp;<i className="icon-reaction" /></Button>
+            <span>&nbsp;&nbsp;or&nbsp;&nbsp;</span>
+            <Button bsSize="xsmall" bsStyle="danger" onClick={() => this.handleResetValidation()}>Close Alert</Button>
+          </Alert>
+        );
+      } else {
+        validationBlock = (
+          <Alert bsStyle="danger" style={{ marginBottom: 'unset', padding: '5px', marginTop: '10px' }}>
+            <strong>Submission Alert</strong>&nbsp;&nbsp;
+            <Button bsSize="xsmall" bsStyle="danger" onClick={() => this.handleResetValidation()}>Close Alert</Button>
+            <br />
+            {
+              validateObjs.map(m => (
+                <div key={uuid.v1()}>{m.message}</div>
+              ))
+            }
+          </Alert>
+        );
+      }
+    }
+
     const { pageMessage } = this.state;
     const messageBlock = (pageMessage && (pageMessage.error.length > 0 || pageMessage.warning.length > 0)) ? (
       <Alert bsStyle="warning" style={{ marginBottom: 'unset', padding: '5px', marginTop: '10px' }}>
@@ -1015,22 +1120,46 @@ export default class SampleDetails extends React.Component {
       </Alert>
     ) : null;
 
+    const publication = sample.tag && sample.tag.taggable_data &&
+      sample.tag.taggable_data.publication;
+
     return (
       <Panel
-        className="eln-panel-detail"
-        bsStyle={sample.isPendingToSave ? 'info' : 'primary'}
+        className="element-panel-detail"
+        bsStyle={publication ? 'success' : (sample.isPendingToSave ? 'info' : 'primary')}
       >
-        <Panel.Heading>{this.sampleHeader(sample)}{messageBlock}</Panel.Heading>
+        <Panel.Heading>{this.sampleHeader(sample)}{messageBlock}{validationBlock}</Panel.Heading>
         <Panel.Body>
+          <Row><Col md={this.props.fullScreen && this.state.commentScreen ? 6 : 12}>
+            <div className={this.props.fullScreen ? 'full' : 'base'}>
           {this.sampleInfo(sample)}
           <ListGroup>
           <Tabs activeKey={this.state.activeTab} onSelect={this.handleSelect} id="SampleDetailsXTab">
             {tabContents.map((e, i) => e(i))}
           </Tabs>
+          <PublishSampleModal
+            show={showPublishSampleModal}
+            sample={sample}
+            onHide={() => this.showPublishSampleModal(false)}
+            onPublishRefreshClose={this.forcePublishRefreshClose}
+          />
           </ListGroup>
           {this.sampleFooter()}
           {this.structureEditorModal(sample)}
           {this.renderMolfileModal()}
+            </div>
+          </Col>
+            {
+              this.props.fullScreen && this.state.commentScreen ?
+                <Col md={6}>
+                  <div className={this.props.fullScreen ? 'full' : 'base'}>
+                    <SampleDetailsRepoComment sampleId={sample.id} />
+                  </div>
+                </Col>
+                :
+                <div />
+            }
+          </Row>
         </Panel.Body>
       </Panel>
     )
@@ -1040,4 +1169,6 @@ export default class SampleDetails extends React.Component {
 SampleDetails.propTypes = {
   sample: PropTypes.object,
   toggleFullScreen: PropTypes.func,
+  toggleCommentScreen: PropTypes.func.isRequired,
+  fullScreen: PropTypes.bool.isRequired
 }
diff --git a/app/assets/javascripts/components/SampleDetailsContainers.js b/app/assets/javascripts/components/SampleDetailsContainers.js
index 3233ffcdc..5c2fe4961 100644
--- a/app/assets/javascripts/components/SampleDetailsContainers.js
+++ b/app/assets/javascripts/components/SampleDetailsContainers.js
@@ -157,7 +157,17 @@ export default class SampleDetailsContainers extends Component {
   }
 
   toggleAddToReport(container) {
-    container.extended_metadata.report = !container.extended_metadata.report;
+    if (this.props.publish) {
+      // TODO: use null and true because the Boolean value is coerced into string: check why
+      // container.extended_metadata.publish = container.extended_metadata.publish ? null : true;
+      if (container.extended_metadata.publish && (container.extended_metadata.publish === true || container.extended_metadata.publish === 'true')) {
+        container.extended_metadata.publish = false;
+      } else {
+        container.extended_metadata.publish = true;
+      }
+    } else {
+      container.extended_metadata.report = !container.extended_metadata.report;
+    }
     this.handleChange(container);
   }
 
@@ -220,6 +230,7 @@ export default class SampleDetailsContainers extends Component {
             isDisabled={isDisabled}
             addButton={this.addButton}
             toggleMode={this.toggleMode}
+            publish={this.props.publish}
           />
         );
       }
@@ -244,7 +255,7 @@ export default class SampleDetailsContainers extends Component {
 }
 
 SampleDetailsContainers.propTypes = {
-  readOnly: PropTypes.bool.isRequired,
+  readOnly: PropTypes.bool,
   sample: PropTypes.object.isRequired,
   handleSampleChanged: PropTypes.func.isRequired,
   handleSubmit: PropTypes.func.isRequired,
diff --git a/app/assets/javascripts/components/SampleDetailsContainersAux.js b/app/assets/javascripts/components/SampleDetailsContainersAux.js
index ad54325bd..e63a28c3d 100644
--- a/app/assets/javascripts/components/SampleDetailsContainersAux.js
+++ b/app/assets/javascripts/components/SampleDetailsContainersAux.js
@@ -17,6 +17,9 @@ import { contentToText } from './utils/quillFormat';
 import UIStore from './stores/UIStore';
 import { chmoConversions } from './OlsComponent';
 
+import { PublishedTag } from './PublishCommon';
+import { isNmrPass, isDatasetPass } from '../libHome/RepoCommon';
+
 const qCheckPass = () => (
   <div style={{ display: 'inline', color: 'green' }}>
     &nbsp;
@@ -32,6 +35,7 @@ const qCheckFail = (msg, kind, atomNum = '') => (
 );
 
 const qCheckMsg = (sample, container) => {
+  if (sample.can_publish === false && sample.can_update === false) { return ''; }
   if (sample.molecule && container.extended_metadata &&
     ((typeof container.extended_metadata.kind === 'undefined' || container.extended_metadata.kind == null ||
       container.extended_metadata.kind.split('|').length < 2) ||
@@ -212,6 +216,7 @@ const previewImage = (container) => {
 const headerBtnGroup = (
   container, sample, mode, handleRemove, handleSubmit,
   toggleAddToReport, isDisabled, readOnly,
+  publish,
 ) => {
   if (mode !== 'edit') {
     return null;
@@ -231,6 +236,60 @@ const headerBtnGroup = (
 
   // spcInfos = [ { value, label, title, idSp, idAe, idx, ... }, ...]
   const spcInfos = BuildSpcInfos(sample, container);
+
+  const xm = container && container.extended_metadata;
+  const typeMissing = !xm.kind || ((xm.kind || '').split('|').length < 2);
+  const statusMissing = (xm.status || '') !== 'Confirmed';
+  const nmrMissing = !isNmrPass(container, sample);
+  const datasetMissing = !isDatasetPass(container);
+  const btnTip = () => {
+    const tip = [];
+    if (typeMissing || statusMissing || nmrMissing || datasetMissing) {
+      if (typeMissing) tip.push('Type is invalid.');
+      if (statusMissing) tip.push('Status must be Confirmed.');
+      if (nmrMissing) tip.push('Content is invalid, NMR Check fails.');
+      if (datasetMissing) {
+        tip.push('Dataset is incomplete. Please check that: ');
+        tip.push('1. for NMR, Mass, or IR analyses, at least one dataset has been attached with an image and a jcamp files.');
+        tip.push('2. the instrument field is not empty.');
+      }
+      return tip.join('\r\n');
+    }
+    return 'publish this analysis';
+  };
+
+  const addToLabelBtn = publish ? (
+   (xm.public_analysis ? null :
+     <OverlayTrigger
+       placement="left"
+       overlay={<Tooltip id="checkAnalysis" className="publish_tooltip">{btnTip()}</Tooltip>}
+     >
+       <div>
+      <Checkbox
+        onClick={onToggleAddToReport}
+        // TODO: use null and true because the Boolean value is coerced into string: check why
+            defaultChecked={(xm && (xm.publish && (xm.publish === true || xm.publish === 'true')) && !xm.public_analysis && xm.kind && !statusMissing && !nmrMissing && !datasetMissing) ? true : false}
+        disabled={!!xm.public_analysis || typeMissing || statusMissing || nmrMissing || datasetMissing}
+      >
+        {
+              (!!xm.public_analysis || typeMissing || statusMissing || nmrMissing || datasetMissing) ?
+                <span style={{ color: 'red' }}>Add to publication</span>
+                :
+                <span>Add to publication</span>
+        }
+      </Checkbox>
+      </div>
+    </OverlayTrigger>
+  )) : (
+    <Checkbox
+      onClick={onToggleAddToReport}
+      defaultChecked={inReport}
+      disabled={!sample.can_update}
+    >
+      <span>Add to Report</span>
+    </Checkbox>
+  );
+
   const toggleSpectraModal = (e) => {
     e.stopPropagation();
     SpectraActions.ToggleModal();
@@ -276,12 +335,7 @@ const headerBtnGroup = (
         className="button-right add-to-report"
         onClick={stopBubble}
       >
-        <Checkbox
-          onClick={onToggleAddToReport}
-          defaultChecked={inReport}
-        >
-          <span>Add to Report</span>
-        </Checkbox>
+        {addToLabelBtn}
       </span>
     </div>
   );
@@ -290,6 +344,7 @@ const headerBtnGroup = (
 const HeaderNormal = ({
   sample, container, mode, readOnly, isDisabled, serial,
   handleRemove, handleSubmit, handleAccordionOpen, toggleAddToReport,
+  publish,
 }) => {
   const clickToOpen = () => handleAccordionOpen(serial);
 
@@ -319,6 +374,13 @@ const HeaderNormal = ({
   } else {
     hasPop = false;
   }
+  const nmrMissing = !isNmrPass(container, sample);
+
+  let statusChk = (status !== 'Confirmed' || nmrMissing);
+  if (sample.can_publish === false && sample.can_update === false) {
+    statusChk = false;
+  }
+
   return (
     <div
       className={`analysis-header ${mode === 'edit' ? '' : 'order'}`}
@@ -343,13 +405,18 @@ const HeaderNormal = ({
           headerBtnGroup(
             container, sample, mode, handleRemove, handleSubmit,
             toggleAddToReport, isDisabled, readOnly,
+            publish,
           )
         }
         <div className="lower-text">
-          <div className="main-title">{container.name}</div>
-          <div className="sub-title">Type: {kind}</div>
+          <div className="main-title">
+            {container.name}
+          </div>
+          <div className="sub-title" style={kind === '' ? { color: 'red' } : null}>
+            Type: {kind}
+          </div>
           <div className="sub-title">
-            Status: {status} {qCheckMsg(sample, container)}
+            <span style={statusChk ? { color: 'red' } : null}>Status:</span> {status} {qCheckMsg(sample, container)}
           </div>
           <div className="desc sub-title">
             <span style={{ float: 'left', marginRight: '5px' }}>
diff --git a/app/assets/javascripts/components/SampleDetailsContainersCom.js b/app/assets/javascripts/components/SampleDetailsContainersCom.js
index 297a147d3..901b99398 100644
--- a/app/assets/javascripts/components/SampleDetailsContainersCom.js
+++ b/app/assets/javascripts/components/SampleDetailsContainersCom.js
@@ -61,8 +61,8 @@ const RndEdit = ({
   sample, mode, handleRemove, handleSubmit, handleAccordionOpen,
   toggleAddToReport, toggleMode, activeAnalysis, orderContainers, readOnly,
   isDisabled, addButton, handleChange, handleUndo,
+  publish,
 }) => {
-
   const headerDeletedFunc = container => (
     <HeaderDeleted
       container={container}
@@ -84,12 +84,15 @@ const RndEdit = ({
       handleSubmit={handleSubmit}
       handleAccordionOpen={handleAccordionOpen}
       toggleAddToReport={toggleAddToReport}
+      publish={publish}
     />
   );
 
   return (
     <div>
+      { publish ? null :
       <p>{AnalysisModeBtn(mode, toggleMode, isDisabled)}{addButton()}</p>
+      }
       <PanelGroup id="editable-analysis-list" defaultActiveKey={0} activeKey={activeAnalysis} accordion>
         {orderContainers.map((container, i) => {
           const id = container.id || `fake_${i}`;
diff --git a/app/assets/javascripts/components/SampleDetailsRepoComment.js b/app/assets/javascripts/components/SampleDetailsRepoComment.js
new file mode 100644
index 000000000..58b65cfad
--- /dev/null
+++ b/app/assets/javascripts/components/SampleDetailsRepoComment.js
@@ -0,0 +1,92 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import RepositoryFetcher from './fetchers/RepositoryFetcher';
+import LoadingActions from './actions/LoadingActions';
+import PublicStore from '../components/stores/PublicStore';
+import RepoSampleDetails from '../libHome/RepoSampleDetails';
+
+export default class SampleDetailsRepoComment extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      element: null,
+      reviewLevel: 0,
+      pubState: '',
+      submitter: ''
+    };
+    this.onStoreChange = this.onStoreChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onStoreChange);
+    LoadingActions.start();
+    RepositoryFetcher.fetchSample(this.props.sampleId, false)
+      .then((data) => {
+        LoadingActions.stop();
+        // refer to PublicStore.handleDisplayReviewSample
+        if (data.sample && data.reviewLevel === 0) {
+          console.log(data);
+        } else {
+          let comments = {};
+          let summary = '';
+          let feedback = '';
+          let pubState = '';
+
+          if (data.sample && data.publication) {
+            const { publication } = data;
+            pubState = publication.state;
+
+            if (publication.review) {
+              const pr = publication.review;
+              comments = pr.comments ? pr.comments : {};
+              summary = pr.summary ? pr.summary : '';
+              feedback = pr.feedback ? pr.feedback : '';
+            }
+          }
+          this.setState({
+            element: data,
+            commentInfo: comments,
+            summaryInfo: summary,
+            feedbackInfo: feedback,
+            submitter: data.pub_name,
+            reviewLevel: data.reviewLevel,
+            pubState
+          });
+        }
+      }).catch((errorMessage) => {
+        console.log(`SampleDetailsRepoComment_${errorMessage}`);
+        LoadingActions.stop();
+      });
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onStoreChange);
+  }
+
+  onStoreChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  render() {
+    const { element } = this.state;
+    return element && element.sample && element.publication ?
+      (
+        <RepoSampleDetails
+          element={element}
+          canComment
+          reviewLevel={this.state.reviewLevel}
+          submitter={this.state.submitter}
+          pubState={this.state.pubState}
+          comments={this.state.commentInfo ? this.state.commentInfo : {}}
+          summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+          feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+          canClose={false}
+          buttons={['Comments']}
+        />) : <div>No Publication found</div>;
+  }
+}
+
+SampleDetailsRepoComment.propTypes = {
+  sampleId: PropTypes.number.isRequired,
+};
diff --git a/app/assets/javascripts/components/Switch.js b/app/assets/javascripts/components/Switch.js
index b256469ba..b622ba697 100644
--- a/app/assets/javascripts/components/Switch.js
+++ b/app/assets/javascripts/components/Switch.js
@@ -15,21 +15,27 @@ export default class Switch extends React.Component {
     const {
       checked,
       checkedChildren,
+      classSize,
       unCheckedChildren,
       ...restProps
     } = this.props
 
-    let className = "switch "
-    className += checked ? "switch-checked" : ""
+    let className = "switch ";
+    className += checked ? "switch-checked" : "";
+    let innerClass = "switch-inner";
+    if (typeof (classSize) !== 'undefined' && classSize==='switchb') {
+      className = "switchb ";
+      className += checked ? "switchb-checked" : "";
+      innerClass = "switchb-inner";
+    }
 
     return (
       <span tabIndex="0" onClick={() => this.toggle(checked)}
         className={className} {...restProps}>
-        <span className="switch-inner">
+        <span className={innerClass}>
           {checked ? checkedChildren : unCheckedChildren}
         </span>
       </span>
     )
   }
 }
-
diff --git a/app/assets/javascripts/components/UserAuth.js b/app/assets/javascripts/components/UserAuth.js
index 381f6a263..8a4d6a1ca 100644
--- a/app/assets/javascripts/components/UserAuth.js
+++ b/app/assets/javascripts/components/UserAuth.js
@@ -11,6 +11,7 @@ import Functions from './utils/Functions';
 import UsersFetcher from './fetchers/UsersFetcher';
 import MessagesFetcher from './fetchers/MessagesFetcher';
 import NotificationActions from '../components/actions/NotificationActions';
+import AuthorModal from './users/AuthorModal';
 
 export default class UserAuth extends Component {
   constructor(props) {
@@ -18,6 +19,7 @@ export default class UserAuth extends Component {
     this.state = {
       currentUser: props.currentUser || { name: 'unknown' },
       showModal: false,
+      showAuthorsModal: false,
       currentGroups: [],
       selectedUsers: null,
       showSubscription: false,
@@ -27,6 +29,8 @@ export default class UserAuth extends Component {
     this.onChange = this.onChange.bind(this);
     this.handleShow = this.handleShow.bind(this);
     this.handleClose = this.handleClose.bind(this);
+    this.handleAuthorsShow = this.handleAuthorsShow.bind(this);
+    this.handleAuthorsClose = this.handleAuthorsClose.bind(this);
     this.handleSubscriptionShow = this.handleSubscriptionShow.bind(this);
     this.handleSubscriptionClose = this.handleSubscriptionClose.bind(this);
 
@@ -99,6 +103,15 @@ export default class UserAuth extends Component {
     this.setState({ showModal: false, selectedUsers: null });
   }
 
+  handleAuthorsShow() {
+    this.setState({
+      showAuthorsModal: true,
+    });
+  }
+
+  handleAuthorsClose() {
+    this.setState({ showAuthorsModal: false });
+  }
   // show modal Subscription
   handleSubscriptionShow() {
     MessagesFetcher.fetchChannelWithUser()
@@ -529,16 +542,29 @@ export default class UserAuth extends Component {
             {this.state.currentUser.is_templates_moderator ? templatesLink : null}
             <MenuItem eventKey="3" href="/users/edit" >Change Password</MenuItem>
             <MenuItem eventKey="5" href="/pages/affiliations" >My Affiliations</MenuItem>
-            <MenuItem onClick={this.handleShow}>My Groups</MenuItem>
+            {
+              this.state.currentUser ?
+                <MenuItem eventKey="10" onClick={this.handleAuthorsShow}>My Collaboration</MenuItem> : null
+            }
+            {/* <MenuItem onClick={this.handleShow}>My Groups</MenuItem> */}
             {/* <MenuItem onClick={this.handleSubscriptionShow}>My Subscriptions</MenuItem>
                 Disable for now as there is no subsciption channel yet (Paggy) */}
             {/* <MenuItem eventKey="7" href="/command_n_control" >My Devices</MenuItem> */}
             {this.state.currentUser.molecule_editor ? moderatorLink : null}
+            {
+              this.state.currentUser && this.state.currentUser.is_article_editor ?
+                <MenuItem eventKey="8" href="/home/newseditor/new">News Editor</MenuItem> : null
+            }
+            {
+              this.state.currentUser && this.state.currentUser.is_howto_editor ?
+                <MenuItem eventKey="9" href="/home/howtoeditor/ein">How-To Editor</MenuItem> : null
+            }
           </NavDropdown>
           <NavItem onClick={() => this.logout()} style={{ marginRight: '5px' }} className="" title="Log out">
             <Glyphicon glyph="log-out" />
           </NavItem>
         </Nav>
+        <AuthorModal show={this.state.showAuthorsModal} currentUser={this.state.currentUser} onHide={this.handleAuthorsClose} />
         { this.renderModal() }
         { this.renderSubscribeModal() }
       </div>
diff --git a/app/assets/javascripts/components/UserInfos.js b/app/assets/javascripts/components/UserInfos.js
index ad460b87f..26d196c35 100644
--- a/app/assets/javascripts/components/UserInfos.js
+++ b/app/assets/javascripts/components/UserInfos.js
@@ -5,7 +5,11 @@ import UserInfoIcon from './UserInfoIcon';
 
 const UserInfos = ({users}) => {
   let tipUsers = users.map((user,ind)=>{
-    return <div key={ind}><UserInfoIcon type={user.type}/> {user.name}<br/></div>
+    if (typeof (user.user) !== 'undefined' && user.user) {
+      return <div key={ind}><UserInfoIcon type={user.user.type}/> {user.user.name}<br/></div>
+    } else {
+      return <div key={ind}><UserInfoIcon type={user.type}/> {user.name}<br/></div>
+    }
   })
   return(
     <Tooltip id="tooltip">
diff --git a/app/assets/javascripts/components/actions/PublicActions.js b/app/assets/javascripts/components/actions/PublicActions.js
new file mode 100644
index 000000000..f2688e5f4
--- /dev/null
+++ b/app/assets/javascripts/components/actions/PublicActions.js
@@ -0,0 +1,394 @@
+import alt from '../alt'
+import PublicFetcher from '../fetchers/PublicFetcher'
+import NotificationActions from './NotificationActions';
+import RepositoryFetcher from '../fetchers/RepositoryFetcher';
+
+class PublicActions {
+
+  close(deleteEl) {
+    return { deleteEl }
+  }
+
+  getMolecules(pageParams={}) {
+    return (dispatch) => { PublicFetcher.fetchPublicMolecules(pageParams)
+      .then((result) => {
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  getReactions(pageParams={}) {
+    return (dispatch) => { PublicFetcher.fetchPublicReactions(pageParams)
+      .then((result) => {
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  getSearchMolecules(pageParams={}) {
+    let uid;
+    NotificationActions.add({
+      title: "Searching ...",
+      level: "info",
+      position: "tc",
+      onAdd: function(notificationObject) { uid = notificationObject.uid; }
+    });
+
+    return (dispatch) => { PublicFetcher.searchPublicMolecules(pageParams)
+      .then((result) => {
+        NotificationActions.removeByUid(uid);
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  getSearchReactions(pageParams = {}) {
+    let uid;
+    NotificationActions.add({
+      title: "Searching ...",
+      level: "info",
+      position: "tc",
+      onAdd: function (notificationObject) { uid = notificationObject.uid; }
+    });
+
+    return (dispatch) => {
+      PublicFetcher.searchPublicReactions(pageParams)
+      .then((result) => {
+        NotificationActions.removeByUid(uid);
+        dispatch(result)
+      }).catch((errorMessage) => {
+        NotificationActions.removeByUid(uid);
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  lastPublished() {
+    return (dispatch) => {
+      PublicFetcher.fetchLastPublished()
+      .then((result) => {
+        dispatch(result.last_published)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  lastPublishedSample(){
+    return (dispatch) => { PublicFetcher.fetchLastPublishedSample()
+      .then((result) => {
+        dispatch(result.sample)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  openRepositoryPage(page) {
+    if (page) {
+      return page
+    } else {
+      return ""
+    }
+  }
+
+  displayDataset(id) {
+    return (dispatch) => { PublicFetcher.fetchDataset(id)
+      .then((result) => {
+        dispatch({dataset: result, id: id})
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  displayMolecule(id, advFlag = false, advType = '', advVal = '') {
+    return (dispatch) => { PublicFetcher.fetchMolecule(id, advFlag, advType, advVal)
+      .then((result) => {
+        dispatch({moleculeData: result, id: id})
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  displayReaction(id) {
+    return (dispatch) => { PublicFetcher.fetchReaction(id)
+      .then((result) => {
+        dispatch({reactionData: result, id: id})
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  articles() {
+    return (dispatch) => {
+      fetch('/newsroom/index.json',
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+          }
+        }
+      )
+      .then(response => response.json())
+      .then(json => {
+        dispatch({data: json});
+      }).catch((errorMessage) => {
+        dispatch({ data: [] });
+      });
+    };
+  }
+
+  editArticle(key) {
+    if (key === 'new') {
+      return (dispatch) => {
+          dispatch({ key: key, data: {} });
+      };
+    }
+    return (dispatch) => {
+      fetch(`/newsroom/${key}`,
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+          }
+        }
+      )
+      .then(response => response.json())
+      .then(json => {
+        dispatch({key: key, data: json});
+      })
+    };
+  }
+
+  displayArticle(key) {
+    return (dispatch) => {
+      fetch(`/newsroom/${key}`,
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+          }
+        }
+      )
+      .then(response => response.json())
+      .then(json => {
+        dispatch({key: key, data: json});
+      })
+    };
+  }
+
+  howtos() {
+    return (dispatch) => {
+      fetch('/howto/index.json',
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+          }
+        }
+      )
+        .then(response => response.json())
+        .then(json => {
+          dispatch({ data: json });
+        }).catch((errorMessage) => {
+          // console.log(errorMessage);
+          dispatch({ data: [] });
+        });
+    };
+  }
+
+  editHowTo(key) {
+    if (key === 'ein') {
+      return (dispatch) => {
+        dispatch({ key: key, data: {} });
+      };
+    }
+    return (dispatch) => {
+      fetch(`/howto/${key}`,
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+          }
+        }
+      )
+        .then(response => response.json())
+        .then(json => {
+          dispatch({ key: key, data: json });
+        })
+    };
+  }
+
+  displayHowTo(key) {
+    return (dispatch) => {
+      fetch(`/howto/${key}`,
+        {
+          cache: 'no-store',
+          headers: {
+            'cache-control': 'no-cache'
+        }}
+      )
+        .then(response => response.json())
+        .then(json => {
+          dispatch({ key: key, data: json });
+        })
+    };
+  }
+
+  selectPublicCollection() {
+    return (dispatch) => {
+      PublicFetcher.selectPublicCollection()
+        .then((result) => { dispatch(result); })
+        .catch((errorMessage) => { console.log(errorMessage); })
+    }
+  }
+
+  getElements(type='All', state='pending', page=1, perPage=10) {
+    return (dispatch) => { RepositoryFetcher.fetchReviewElements(type, state, page, perPage)
+      .then((result) => {
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  displayReviewReaction(id) {
+    return (dispatch) => { RepositoryFetcher.fetchReaction(id, false)
+      .then((result) => {
+        dispatch({id, element: result})
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  displayReviewSample(id) {
+    return (dispatch) => { RepositoryFetcher.fetchSample(id, false)
+      .then((result) => {
+        dispatch({id, element: result})
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  reviewPublish(id, type, comments, summary, feedback, action) {
+    return (dispatch) => { RepositoryFetcher.repoReviewPublish(id, type, comments, summary, feedback, action)
+      .then((result) => {
+        dispatch({ id :id, element: result, type: type, comments: comments, summary: summary, feedback: feedback, action: action })
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });};
+  }
+
+  displayReviewEmbargo(type, id) {
+    return (dispatch) => {
+      RepositoryFetcher.fetchEmbargoElement(type, id)
+      .then((result) => {
+        dispatch({ id, element: result })
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  generateEmbargoAccount(id) {
+    return (dispatch) => {
+      RepositoryFetcher.generateEmbargoAccount(id)
+        .then((result) => {
+          dispatch({ id, result })
+        }).catch((errorMessage) => {
+          console.log(errorMessage)
+        })
+    }
+  }
+
+  fetchEmbargoBundle() {
+    return (dispatch) => {
+      RepositoryFetcher.fetchEmbargoCollections()
+      .then((result) => {
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      });
+    }
+  }
+
+  releaseEmbargo(id) {
+    return (dispatch) => {
+      RepositoryFetcher.releaseEmbargo(id)
+        .then((result) => {
+          dispatch({ id, result })
+        }).catch((errorMessage) => {
+          console.log(errorMessage)
+        })
+    }
+  }
+
+  deleteEmbargo(id) {
+    return (dispatch) => {
+      RepositoryFetcher.deleteEmbargo(id)
+        .then((result) => {
+          dispatch({ id, result })
+        }).catch((errorMessage) => {
+          console.log(errorMessage)
+        })
+    }
+  }
+
+  moveEmbargo(id, newEmbargo, element) {
+    return (dispatch) => {
+      RepositoryFetcher.moveEmbargo(id, newEmbargo, element)
+        .then((result) => {
+          dispatch({ id, result })
+        }).catch((errorMessage) => {
+          console.log(errorMessage)
+        })
+    }
+  }
+
+  getEmbargoElements(id) {
+    return (dispatch) => {
+      RepositoryFetcher.fetchEmbargoElements(id)
+      .then((result) => {
+        dispatch(result)
+      }).catch((errorMessage) => {
+        console.log(errorMessage)
+      })
+    }
+  }
+
+  publishedStatics() {
+    return (dispatch) => {
+      PublicFetcher.publishedStatics()
+        .then((result) => {
+          dispatch(result.published_statics)
+        }).catch((errorMessage) => {
+          console.log(errorMessage)
+        })
+    }
+  }
+
+  updateComment(id, type, comments) {
+    return (dispatch) => {
+      RepositoryFetcher.updateComment(id, type, comments)
+        .then((result) => {
+          dispatch(result);
+        }).catch((errorMessage) => {
+          console.log(errorMessage);
+        });
+    };
+  }
+}
+
+export default alt.createActions(PublicActions)
diff --git a/app/assets/javascripts/components/actions/ReportActions.js b/app/assets/javascripts/components/actions/ReportActions.js
index 1bceacbe0..dda23fb95 100644
--- a/app/assets/javascripts/components/actions/ReportActions.js
+++ b/app/assets/javascripts/components/actions/ReportActions.js
@@ -215,4 +215,5 @@ class ReportActions {
   }
 }
 
+
 export default alt.createActions(ReportActions);
diff --git a/app/assets/javascripts/components/actions/RepositoryActions.js b/app/assets/javascripts/components/actions/RepositoryActions.js
new file mode 100644
index 000000000..80dd4d530
--- /dev/null
+++ b/app/assets/javascripts/components/actions/RepositoryActions.js
@@ -0,0 +1,65 @@
+import alt from '../alt';
+
+import RepositoryFetcher from '../fetchers/RepositoryFetcher';
+
+
+class RepositoryActions {
+  publishSample(params, closeView = false) {
+    return (dispatch) => { RepositoryFetcher.publishSample(params)
+      .then((result) => {
+        if (result != null) {
+          dispatch({ element: result, closeView })
+        }
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });};
+  }
+
+  reviewPublish(element) {
+    return (dispatch) => { RepositoryFetcher.reviewPublish(element)
+      .then((result) => {
+        dispatch({ element: result })
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });};
+  }
+
+  publishSampleReserveDois(params, closeView = false) {
+    return (dispatch) => { RepositoryFetcher.publishSample(params, 'dois')
+      .then((result) => {
+        if (result != null) {
+          dispatch({ element: result, closeView })
+        }
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });};
+  }
+
+  publishReaction(params, closeView = false) {
+    return (dispatch) => {
+      RepositoryFetcher.publishReaction(params)
+      .then((result) => {
+        if (result != null) {
+          dispatch({ element: result, closeView })
+        }
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    };
+  }
+
+  publishReactionReserveDois(params, closeView = false) {
+    return (dispatch) => {
+      RepositoryFetcher.publishReaction(params, 'dois')
+      .then((result) => {
+        if (result != null) {
+          dispatch({ element: result, closeView })
+        }
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    };
+  }
+}
+
+export default alt.createActions(RepositoryActions);
diff --git a/app/assets/javascripts/components/actions/UserActions.js b/app/assets/javascripts/components/actions/UserActions.js
index 127f7152f..52bcefa3b 100644
--- a/app/assets/javascripts/components/actions/UserActions.js
+++ b/app/assets/javascripts/components/actions/UserActions.js
@@ -1,3 +1,4 @@
+import Aviator from 'aviator';
 import alt from '../alt';
 import UsersFetcher from '../fetchers/UsersFetcher';
 import cookie from 'react-cookie'
@@ -44,9 +45,9 @@ class UserActions {
       data: {authenticity_token: DocumentHelper.getMetaContent("csrf-token")}
     })
     .then(response => {
-      if (response.status == 204) {
-        location.reload();
-      }
+      Aviator.navigate('/', { silent: true });
+      location.href = '/';
+      location.reload();
     });
   }
 
diff --git a/app/assets/javascripts/components/common/DeleteConfirmBtn.js b/app/assets/javascripts/components/common/DeleteConfirmBtn.js
new file mode 100644
index 000000000..afd1f3ef2
--- /dev/null
+++ b/app/assets/javascripts/components/common/DeleteConfirmBtn.js
@@ -0,0 +1,53 @@
+import React from 'react';
+import {
+  Button,
+  ButtonGroup,
+  OverlayTrigger,
+  Popover
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+
+const DeleteConfirmBtn = (props) => {
+  const popover = (
+    <Popover id="popover-positioned-scrolling-left">
+      delete: <br /> {props.label} ?<br />
+      <ButtonGroup>
+        <Button bsStyle="danger" bsSize="xsmall" onClick={() => props.onClickYes()} >
+          Yes
+        </Button>&nbsp;
+        <Button bsStyle="warning" bsSize="xsmall" onClick={() => props.onClickNo()} >
+          No
+        </Button>
+      </ButtonGroup>
+    </Popover>
+  );
+  return (
+    <ButtonGroup className="actions">
+      <OverlayTrigger
+        animation
+        placement={props.tipPlacement}
+        root
+        trigger="focus"
+        overlay={popover}
+      >
+        <Button bsSize="xsmall" bsStyle="danger" >
+          <i className="fa fa-trash-o" aria-hidden="true" />
+        </Button>
+      </OverlayTrigger>
+    </ButtonGroup>
+  );
+};
+
+DeleteConfirmBtn.propTypes = {
+  label: PropTypes.string.isRequired,
+  onClickYes: PropTypes.func.isRequired,
+  onClickNo: PropTypes.func,
+  tipPlacement: PropTypes.oneOf(['top', 'bottom', 'right', 'left'])
+};
+
+DeleteConfirmBtn.defaultProps = {
+  onClickNo: () => { },
+  tipPlacement: 'right'
+};
+
+export default DeleteConfirmBtn;
diff --git a/app/assets/javascripts/components/common/DropdownButtonSelection.js b/app/assets/javascripts/components/common/DropdownButtonSelection.js
new file mode 100644
index 000000000..1d03a4771
--- /dev/null
+++ b/app/assets/javascripts/components/common/DropdownButtonSelection.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { DropdownButton, MenuItem } from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import uuid from 'uuid';
+
+const DropdownButtonSelection = props =>
+  (
+    <DropdownButton
+      title={props.selected || props.placeholder}
+      key={props.selected}
+      id={`dropdown-${uuid.v4()}`}
+      onSelect={props.onSelect}
+    >
+      {
+        props.options.map(element => (
+          <MenuItem key={element} eventKey={element} disabled={props.disabled}>
+            {element}
+          </MenuItem>
+        ))
+      }
+    </DropdownButton>
+  );
+
+DropdownButtonSelection.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.string).isRequired,
+  placeholder: PropTypes.string.isRequired,
+  selected: PropTypes.string,
+  onSelect: PropTypes.func,
+  disabled: PropTypes.bool
+};
+
+DropdownButtonSelection.defaultProps = {
+  selected: null,
+  onSelect: null,
+  disabled: false
+};
+
+export default DropdownButtonSelection;
diff --git a/app/assets/javascripts/components/common/ImageModal.js b/app/assets/javascripts/components/common/ImageModal.js
index 295c4ddca..c3bf8e1de 100644
--- a/app/assets/javascripts/components/common/ImageModal.js
+++ b/app/assets/javascripts/components/common/ImageModal.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { Modal, Button } from 'react-bootstrap';
 import AttachmentFetcher from '../fetchers/AttachmentFetcher';
 import { stopEvent } from '../utils/DomHelper';
+import UserStore from '../stores/UserStore';
 
 const defaultImageStyle = {
   style: {
@@ -20,6 +21,7 @@ export default class ImageModal extends Component {
     this.fetchImage = this.fetchImage.bind(this);
     this.handleModalClose = this.handleModalClose.bind(this);
     this.handleModalShow = this.handleModalShow.bind(this);
+    this.handleImageError = this.handleImageError.bind(this);
   }
 
   componentDidMount() {
@@ -37,12 +39,18 @@ export default class ImageModal extends Component {
   }
 
   fetchImage() {
-    AttachmentFetcher.fetchImageAttachment({ id: this.props.popObject.fetchId })
-      .then((result) => {
-        if (result != null) {
-          this.setState({ fetchSrc: result });
-        }
-      });
+    const { currentUser } = UserStore.getState();
+    if (!currentUser) {
+      const fileSrc = ['/images/publications', this.props.popObject.fetchId, this.props.popObject.fetchFilename].join('/');
+      this.setState({ fetchSrc: fileSrc });
+    } else {
+      AttachmentFetcher.fetchImageAttachment({ id: this.props.popObject.fetchId })
+        .then((result) => {
+          if (result != null) {
+            this.setState({ fetchSrc: result });
+          }
+        });
+    }
   }
 
   handleModalClose(e) {
@@ -55,6 +63,10 @@ export default class ImageModal extends Component {
     this.setState({ showModal: true });
   }
 
+  handleImageError() {
+    this.setState({ fetchSrc: this.props.preivewObject.src });
+  }
+
   render() {
     const { hasPop, preivewObject, popObject } = this.props;
 
@@ -81,6 +93,7 @@ export default class ImageModal extends Component {
                 maxWidth: '100%',
               }}
               alt=""
+              onError={this.handleImageError}
             />
           </Modal.Body>
           <Modal.Footer>
@@ -103,5 +116,6 @@ ImageModal.propTypes = {
     src: PropTypes.string,
     fetchNeeded: PropTypes.bool,
     fetchId: PropTypes.number,
+    fetchFilename: PropTypes.string,
   }).isRequired,
 };
diff --git a/app/assets/javascripts/components/common/InputButtonField.js b/app/assets/javascripts/components/common/InputButtonField.js
new file mode 100644
index 000000000..da8e5b8e5
--- /dev/null
+++ b/app/assets/javascripts/components/common/InputButtonField.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import {
+  FormGroup,
+  ControlLabel,
+  InputGroup,
+  FormControl,
+  OverlayTrigger,
+  Tooltip,
+  Button
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import uuid from 'uuid';
+
+const InputButtonField = props =>
+  (
+    <FormGroup>
+      <ControlLabel>{props.label}</ControlLabel>
+      <InputGroup>
+        <FormControl
+          type="text"
+          value={props.value}
+          placeholder={props.placeholder}
+          onChange={event => props.onInputChange(props.field, event)}
+        />
+        <InputGroup.Button>
+          <OverlayTrigger
+            placement={props.tipPlacement}
+            overlay={<Tooltip id={`tooltip-${uuid.v4()}`}>{props.btnTip}</Tooltip>}
+          >
+            <Button
+              bsStyle="success"
+              onClick={() => props.onBtnClick(props.btnField, props.btnValue || '')}
+            >
+              {props.btnValue}
+            </Button>
+          </OverlayTrigger>
+        </InputGroup.Button>
+      </InputGroup>
+    </FormGroup>
+
+  );
+
+InputButtonField.propTypes = {
+  label: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  field: PropTypes.string.isRequired,
+  btnValue: PropTypes.string.isRequired,
+  btnField: PropTypes.string.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  onBtnClick: PropTypes.func.isRequired,
+  placeholder: PropTypes.string,
+  btnTip: PropTypes.string,
+  tipPlacement: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
+};
+
+InputButtonField.defaultProps = {
+  placeholder: 'Please input...',
+  btnTip: 'click here',
+  tipPlacement: 'top'
+};
+
+export default InputButtonField;
diff --git a/app/assets/javascripts/components/common/NewsPreviewModal.js b/app/assets/javascripts/components/common/NewsPreviewModal.js
new file mode 100644
index 000000000..e7be6488c
--- /dev/null
+++ b/app/assets/javascripts/components/common/NewsPreviewModal.js
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Panel, Modal } from 'react-bootstrap';
+import QuillViewer from '../../components/QuillViewer';
+
+const NewsPreviewModal = ({ showModal, article, onClick }) => {
+  return (
+    <Modal animation show={showModal} dialogClassName="news-preview-dialog" onHide={() => onClick(false)}>
+      <Modal.Body>
+        <div>
+          <div className="ribbon ribbon-top-right"><span>Preview</span></div>
+          <Panel className="newseditor_review">
+            <Panel.Heading>
+              <span>{article.title}</span>
+              <div className="news_author">
+                <img src="/images/logo.png" alt="Preview" />&nbsp;
+                &nbsp;Creator
+                &nbsp;&nbsp;&nbsp;<i className="fa fa-pencil" aria-hidden="true" />&nbsp;Created Date
+              </div>
+              <br />
+              <div className="heading_separator" />
+            </Panel.Heading>
+            <Panel.Body>
+              <QuillViewer value={article.content} />
+            </Panel.Body>
+          </Panel>
+          <div className="ribbon ribbon-bottom-left"><span>Preview</span></div>
+        </div>
+      </Modal.Body>
+    </Modal>
+  );
+};
+
+export default NewsPreviewModal;
diff --git a/app/assets/javascripts/components/common/RepoCommentBtn.js b/app/assets/javascripts/components/common/RepoCommentBtn.js
new file mode 100644
index 000000000..7d8646594
--- /dev/null
+++ b/app/assets/javascripts/components/common/RepoCommentBtn.js
@@ -0,0 +1,57 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button } from 'react-bootstrap';
+import { CommentComponent } from '../../libHome/RepoReviewCommon';
+
+const RepoCommentBtn = (props) => {
+  const {
+    field, orgInfo, onShow, comments, submitter, reviewLevel, state
+  } = props;
+
+  const hasComment = field in comments;
+  let comment = (comments && comments[field]) ? CommentComponent(comments[field].comment, 'Reviewer: ', comments[field].feedback, `${submitter}: `) : <div />;
+
+  if (hasComment === false) {
+    comment = '';
+  }
+  const isEditable = ((reviewLevel === 3 && state === 'pending') || (reviewLevel === 2 && state === 'reviewed')) || false;
+
+  if (isEditable === false) {
+    return <span>{comment}</span>;
+  }
+
+  return (
+    <span>
+      <Button
+        bsStyle={hasComment ? 'success' : 'default'}
+        bsSize="xsmall"
+        onClick={() => onShow(true, field, orgInfo)}
+      >
+        <i className="fa fa-comment" />
+      </Button>
+      {comment}
+    </span>
+  );
+};
+
+RepoCommentBtn.propTypes = {
+  onShow: PropTypes.func.isRequired,
+  comments: PropTypes.object,
+  field: PropTypes.string,
+  orgInfo: PropTypes.string,
+  state: PropTypes.string,
+  reviewLevel: PropTypes.number,
+  submitter: PropTypes.string,
+  textAreaAttr: PropTypes.object
+};
+
+RepoCommentBtn.defaultProps = {
+  comments: null,
+  field: '',
+  orgInfo: '',
+  state: '',
+  reviewLevel: 0,
+  submitter: ''
+};
+
+export default RepoCommentBtn;
diff --git a/app/assets/javascripts/components/common/RepoCommentModal.js b/app/assets/javascripts/components/common/RepoCommentModal.js
new file mode 100644
index 000000000..f2f2caf7f
--- /dev/null
+++ b/app/assets/javascripts/components/common/RepoCommentModal.js
@@ -0,0 +1,94 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Button, ButtonToolbar, FormControl } from 'react-bootstrap';
+
+export default class RepoCommentModal extends React.Component {
+  render() {
+    const {
+      elementId, elementType, show, onHide, onUpdate, field, orgInfo,
+      commentObj, textAreaAttrs, state, reviewLevel
+    } = this.props;
+
+    const defaultAttrs = {
+      style: {
+        height: '100px', overflow: 'auto', whiteSpace: 'pre'
+      }
+    };
+    let comment = '';
+    if (typeof (commentObj) !== 'undefined') {
+      if (reviewLevel === 2) {
+        comment = commentObj.feedback;
+      } else {
+        comment = commentObj.comment;
+      }
+    }
+
+    const isEditable = ((reviewLevel === 3 && state === 'pending') || (reviewLevel === 2 && state === 'reviewed')) || false;
+    if (show) {
+      return (
+        <div>
+          <Modal
+            show
+            onHide={() => onHide(false, field)}
+            bsSize="large"
+            backdrop="static"
+          >
+            <Modal.Header closeButton>
+              <Modal.Title>
+                Comment on: {field}
+              </Modal.Title>
+            </Modal.Header>
+            <Modal.Body>
+              {orgInfo}
+              <br />
+              <FormControl
+                componentClass="textarea"
+                {...textAreaAttrs || defaultAttrs}
+                defaultValue={comment || ''}
+                inputRef={(m) => { this.commentInput = m; }}
+              />
+              <ButtonToolbar>
+                <Button
+                  onClick={() => onHide(false)}
+                > Close
+                </Button>
+                <Button
+                  bsStyle="primary"
+                  disabled={!isEditable}
+                  onClick={() =>
+                    onUpdate(elementId, elementType, field, this.commentInput.value, orgInfo, true)}
+                >
+                  Update
+                </Button>
+              </ButtonToolbar>
+            </Modal.Body>
+          </Modal>
+        </div>
+      );
+    }
+    return <div />;
+  }
+}
+
+RepoCommentModal.propTypes = {
+  elementId: PropTypes.number.isRequired,
+  elementType: PropTypes.string.isRequired,
+  show: PropTypes.bool,
+  field: PropTypes.string,
+  commentObj: PropTypes.object,
+  orgInfo: PropTypes.string,
+  state: PropTypes.string,
+  reviewLevel: PropTypes.number,
+  submitter: PropTypes.string,
+  onUpdate: PropTypes.func.isRequired,
+  onHide: PropTypes.func.isRequired
+};
+
+RepoCommentModal.defaultProps = {
+  show: false,
+  reviewLevel: 0,
+  submitter: '',
+  field: '',
+  orgInfo: '',
+  state: ''
+};
diff --git a/app/assets/javascripts/components/common/RepoMetadataModal.js b/app/assets/javascripts/components/common/RepoMetadataModal.js
new file mode 100644
index 000000000..7defa8a65
--- /dev/null
+++ b/app/assets/javascripts/components/common/RepoMetadataModal.js
@@ -0,0 +1,91 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Button, ButtonToolbar, OverlayTrigger, Tooltip, Label } from 'react-bootstrap';
+import RepositoryFetcher from '../fetchers/RepositoryFetcher';
+
+export default class RepoMetadataModal extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      modalShow: false,
+      metadata: []
+    };
+    this.loadMetadata = this.loadMetadata.bind(this);
+  }
+
+  componentDidMount() {
+    this.loadMetadata();
+  }
+
+  loadMetadata() {
+    const { elementId, elementType } = this.props;
+    RepositoryFetcher.previewMetadata(elementId, elementType).then((result) => {
+      this.setState({ metadata: result.metadata });
+    });
+  }
+
+  render() {
+    const { modalShow, metadata } = this.state;
+    const { elementId, elementType } = this.props;
+    return (
+      <div>
+        <OverlayTrigger
+          placement="top"
+          overlay={<Tooltip id="tt_metadata">Preview/Download Metadata</Tooltip>}
+        >
+          <Button
+            onClick={() => this.setState({ modalShow: true })}
+            style={{ marginLeft: '5px' }}
+          >
+            <i className="fa fa-file-code-o" />&nbsp;
+            Metadata
+          </Button>
+        </OverlayTrigger>
+        <Modal
+          show={modalShow}
+          onHide={() => this.setState({ modalShow: false })}
+          dialogClassName="news-preview-dialog"
+        >
+          <Modal.Body style={{ overflow: 'auto' }}>
+            <div>
+              <h4>
+                <Label>
+                  {elementType.charAt(0).toUpperCase().concat(elementType.slice(1).toLowerCase())}
+                </Label>
+              </h4>
+            </div>
+            <div style={{
+              maxHeight: '50vh',
+              overflow: 'auto',
+              whiteSpace: 'pre',
+              backgroundColor: 'black',
+              color: 'white',
+              fontFamily: 'monospace'
+            }}
+            >
+              {metadata && metadata.length > 0 ? metadata.find(mt => mt.element_type === elementType.charAt(0).toUpperCase().concat(elementType.slice(1).toLowerCase())).metadata_xml : ''}
+            </div>
+            <br />
+            <ButtonToolbar>
+              <Button
+                bsStyle="warning"
+                onClick={() => this.setState({ modalShow: false })}
+              > Close
+              </Button>
+              <Button
+                bsStyle="primary"
+                onClick={() => RepositoryFetcher.zipPreviewMetadata(elementId, elementType)}
+              > Download
+              </Button>
+            </ButtonToolbar>
+          </Modal.Body>
+        </Modal>
+      </div>
+    );
+  }
+}
+
+RepoMetadataModal.propTypes = {
+  elementId: PropTypes.number.isRequired,
+  elementType: PropTypes.string.isRequired
+};
diff --git a/app/assets/javascripts/components/common/RepoReviewModal.js b/app/assets/javascripts/components/common/RepoReviewModal.js
new file mode 100644
index 000000000..f83d034b1
--- /dev/null
+++ b/app/assets/javascripts/components/common/RepoReviewModal.js
@@ -0,0 +1,146 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Button, ButtonToolbar, FormControl, Table } from 'react-bootstrap';
+
+const renderComments = (comments, submitter = '') => {
+  let commentsTbl = null;
+  if (comments && Object.keys(comments).length > 0) {
+    commentsTbl = Object.keys(comments).map((key, idx) => {
+      const info = comments[key];
+      return (
+        <tr key={key}>
+          <td style={{ width: '3%' }}>{idx + 1}</td>
+          <td style={{ width: '13%' }}>{key}</td>
+          <td style={{ width: '28%' }}>{info.origInfo}</td>
+          <td style={{ width: '28%' }}>{info.comment}</td>
+          <td style={{ width: '28%' }}>{info.feedback}</td>
+        </tr>
+      );
+    });
+  }
+
+  return (
+    <Table striped bordered hover>
+      <thead>
+        <tr>
+          <th width="3%">#</th>
+          <th width="13%">Column</th>
+          <th width="28%">Information</th>
+          <th width="28%">Review Comments</th>
+          <th width="28%">{submitter} Feedback</th>
+        </tr>
+      </thead>
+      <tbody>
+        {commentsTbl}
+      </tbody>
+    </Table>
+  );
+};
+
+export default class RepoReviewModal extends React.Component {
+  render() {
+    const {
+      show, elementId, action, onSubmit, onHide, summary, feedback, state, reviewLevel, submitter,
+      comments
+    } = this.props;
+
+    const isEditable = ((reviewLevel === 3 && state === 'pending') || (reviewLevel === 2 && state === 'reviewed')) || false;
+
+    let title = action;
+    if (reviewLevel === 2 && action === 'Decline') {
+      title = 'Withdraw';
+    } else if (reviewLevel === 3 && action === 'Decline') {
+      title = 'Reject';
+    }
+
+    if (show) {
+      return (
+        <div>
+          <Modal
+            show
+            onHide={() => onHide(false)}
+            bsSize="large"
+            backdrop="static"
+          >
+            <Modal.Header closeButton>
+              <Modal.Title>
+                {title}
+              </Modal.Title>
+            </Modal.Header>
+            <Modal.Body>
+              <div id="div-modal-body" style={{ maxHeight: 'calc(100vh - 300px)', overflow: 'auto' }}>
+                {renderComments(comments, submitter)}
+                <br />
+                Review Summary
+                <FormControl
+                  componentClass="textarea"
+                  style={{ height: '120px', overflow: 'auto', whiteSpace: 'pre' }}
+                  defaultValue={summary || ''}
+                  readOnly={!isEditable || reviewLevel === 2}
+                  disabled={!isEditable || reviewLevel === 2}
+                  inputRef={(m) => { this.summaryInput = m; }}
+                />
+                <br />
+                {submitter} Summary
+                <FormControl
+                  componentClass="textarea"
+                  style={{ height: '120px', overflow: 'auto', whiteSpace: 'pre' }}
+                  defaultValue={feedback || ''}
+                  readOnly={!isEditable || reviewLevel === 3}
+                  disabled={!isEditable || reviewLevel === 3}
+                  inputRef={(m) => { this.feedbackInput = m; }}
+                />
+              </div>
+              <br />
+              <ButtonToolbar>
+                <Button
+                  bsStyle="warning"
+                  onClick={() => onHide(false)}
+                > Close
+                </Button>
+                <Button
+                  bsStyle="primary"
+                  disabled={!isEditable}
+                  onClick={() =>
+                    onSubmit(
+                      elementId,
+                      comments,
+                      this.summaryInput.value,
+                      this.feedbackInput.value,
+                      action
+                    )
+                  }
+                > {title}
+                </Button>
+              </ButtonToolbar>
+            </Modal.Body>
+          </Modal>
+        </div>
+      );
+    }
+    return <div />;
+  }
+}
+
+RepoReviewModal.propTypes = {
+  elementId: PropTypes.number.isRequired,
+  action: PropTypes.string.isRequired,
+  show: PropTypes.bool.isRequired,
+  comments: PropTypes.object,
+  summary: PropTypes.string,
+  feedback: PropTypes.string,
+  state: PropTypes.string,
+  reviewLevel: PropTypes.number,
+  submitter: PropTypes.string,
+  onSubmit: PropTypes.func.isRequired,
+  onHide: PropTypes.func.isRequired
+};
+
+RepoReviewModal.defaultProps = {
+  show: false,
+  reviewLevel: 0,
+  summary: '',
+  feedback: '',
+  submitter: '',
+  state: ''
+};
diff --git a/app/assets/javascripts/components/common/SelectionField.js b/app/assets/javascripts/components/common/SelectionField.js
new file mode 100644
index 000000000..0637dc06a
--- /dev/null
+++ b/app/assets/javascripts/components/common/SelectionField.js
@@ -0,0 +1,62 @@
+import React from 'react';
+import {
+  FormGroup,
+  ControlLabel,
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import uuid from 'uuid';
+import Select from 'react-select';
+
+const SelectionField = (props) => {
+  const label = props.label && props.label !== '' ?
+    <ControlLabel>{props.label}</ControlLabel> : '';
+  if (props.isCreatable) {
+    return (
+      <FormGroup>
+        {label}
+        <Select.Creatable
+          name={`select-${uuid.v4()}`}
+          options={props.options}
+          placeholder={props.placeholder}
+          multi={false}
+          isClearable
+          value={props.value}
+          onChange={event => props.onChange(props.field, event)}
+          promptTextCreator={p => `Create new ${p} ${props.label}`}
+        />
+      </FormGroup>
+    );
+  }
+  return (
+    <FormGroup>
+      {label}
+      <Select
+        name={`select-${uuid.v4()}`}
+        options={props.options}
+        placeholder={props.placeholder}
+        multi={false}
+        isClearable
+        value={props.value}
+        onChange={event => props.onChange(props.field, event)}
+      />
+    </FormGroup>
+  );
+};
+
+SelectionField.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.shape).isRequired,
+  value: PropTypes.string.isRequired,
+  field: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  label: PropTypes.string,
+  placeholder: PropTypes.string,
+  isCreatable: PropTypes.bool
+};
+
+SelectionField.defaultProps = {
+  label: '',
+  placeholder: 'Please select...',
+  isCreatable: false
+};
+
+export default SelectionField;
diff --git a/app/assets/javascripts/components/contextActions/ContextActions.js b/app/assets/javascripts/components/contextActions/ContextActions.js
index 33c0527be..99174d98d 100644
--- a/app/assets/javascripts/components/contextActions/ContextActions.js
+++ b/app/assets/javascripts/components/contextActions/ContextActions.js
@@ -61,7 +61,7 @@ export default class ContextActions extends React.Component {
             updateModalProps={updateModalProps}
             customClass={customClass}
           />
-          <ReportUtilButton customClass={customClass} />
+          <ReportUtilButton isDisabled={this.isDisabled()} customClass={customClass} />
         </ButtonGroup>
         <ButtonGroup style={{ marginLeft: '10px' }}>
           <CreateButton isDisabled={this.isCreateDisabled()} customClass={customClass} />
diff --git a/app/assets/javascripts/components/contextActions/CreateButton.js b/app/assets/javascripts/components/contextActions/CreateButton.js
index ca0e5f201..3c24818b2 100644
--- a/app/assets/javascripts/components/contextActions/CreateButton.js
+++ b/app/assets/javascripts/components/contextActions/CreateButton.js
@@ -226,12 +226,12 @@ export default class CreateButton extends React.Component {
 
           <MenuItem onSelect={() => this.createElementOfType('sample')}>Create Sample</MenuItem>
           <MenuItem onSelect={() => this.createElementOfType('reaction')}>Create Reaction</MenuItem>
-          <MenuItem onSelect={() => this.createElementOfType('wellplate')}>Create Wellplate</MenuItem>
+          {/* <MenuItem onSelect={() => this.createElementOfType('wellplate')}>Create Wellplate</MenuItem>
           <MenuItem onSelect={() => this.createElementOfType('screen')}>Create Screen</MenuItem>
           <MenuItem onSelect={() => this.createElementOfType('research_plan')}>Create Research Plan</MenuItem>
           <MenuItem divider />
           <MenuItem onSelect={() => this.createWellplateFromSamples()}>Create Wellplate from Samples</MenuItem>
-          <MenuItem onSelect={() => this.createScreenFromWellplates()}>Create Screen from Wellplates</MenuItem>
+          <MenuItem onSelect={() => this.createScreenFromWellplates()}>Create Screen from Wellplates</MenuItem> */}
           <MenuItem divider />
           <MenuItem onSelect={() => this.copySample()} disabled={this.isCopySampleDisabled()}>Copy Sample</MenuItem>
           <MenuItem onSelect={() => this.copyReaction()} disabled={this.isCopyReactionDisabled()}>Copy Reaction</MenuItem>
diff --git a/app/assets/javascripts/components/contextActions/ExportImportButton.js b/app/assets/javascripts/components/contextActions/ExportImportButton.js
index 6776d91d5..67d355721 100644
--- a/app/assets/javascripts/components/contextActions/ExportImportButton.js
+++ b/app/assets/javascripts/components/contextActions/ExportImportButton.js
@@ -36,10 +36,10 @@ const ExportImportButton = ({ isDisabled, updateModalProps, customClass }) => (
         title='Export as ZIP archive'>
         Export collections
       </MenuItem>
-      <MenuItem onSelect={() => importCollectionFunction(updateModalProps)}
+      {/* <MenuItem onSelect={() => importCollectionFunction(updateModalProps)}
         title='Import collections from ZIP archive'>
         Import collections
-      </MenuItem>
+      </MenuItem> */}
       {/* <MenuItem onSelect={() => importChemScannerFunction(updateModalProps)} disabled={isDisabled} */}
       {/*   title='Import from Docs'> */}
       {/*   Import elements from Docs */}
diff --git a/app/assets/javascripts/components/contextActions/ModalExportCollection.js b/app/assets/javascripts/components/contextActions/ModalExportCollection.js
index 430594717..380812443 100644
--- a/app/assets/javascripts/components/contextActions/ModalExportCollection.js
+++ b/app/assets/javascripts/components/contextActions/ModalExportCollection.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import {Button, ButtonToolbar} from 'react-bootstrap';
-import UIStore from './../stores/UIStore';
 import CollectionStore from './../stores/CollectionStore';
 
 export default class ModalExportCollection extends React.Component {
@@ -10,16 +9,17 @@ export default class ModalExportCollection extends React.Component {
     let collecState = CollectionStore.getState()
 
     let checkboxes = {}
-    this.gatherCheckboxes(collecState.unsharedRoots, checkboxes)
-    this.gatherCheckboxes(collecState.sharedRoots, checkboxes)
-    this.gatherCheckboxes(collecState.remoteRoots, checkboxes)
+    // this.gatherCheckboxes(collecState.unsharedRoots, checkboxes)
+    // this.gatherCheckboxes(collecState.sharedRoots, checkboxes)
+    // this.gatherCheckboxes(collecState.remoteRoots, checkboxes)
+    collecState.lockedRoots = collecState.lockedRoots.filter(c => c.label !== 'All');
     this.gatherCheckboxes(collecState.lockedRoots, checkboxes)
 
     this.state = {
       processing: false,
-      unsharedRoots: collecState.unsharedRoots,
-      sharedRoots: collecState.sharedRoots,
-      remoteRoots: collecState.remoteRoots,
+      // unsharedRoots: collecState.unsharedRoots,
+      // sharedRoots: collecState.sharedRoots,
+      // remoteRoots: collecState.remoteRoots,
       lockedRoots: collecState.lockedRoots,
       checkboxes: checkboxes
     }
@@ -224,9 +224,9 @@ export default class ModalExportCollection extends React.Component {
     return (
       <div className="export-collections-modal">
         {this.renderCollections('Global collections', 'lockedRoots')}
-        {this.renderCollections('My collections', 'unsharedRoots')}
-        {this.renderSharedCollections('My shared collections', 'sharedRoots')}
-        {this.renderSharedCollections('Shared with me', 'remoteRoots')}
+        {/* {this.renderCollections('My collections', 'unsharedRoots')} */}
+        {/* {this.renderSharedCollections('My shared collections', 'sharedRoots')} */}
+        {/* {this.renderSharedCollections('Shared with me', 'remoteRoots')} */}
         {this.renderCheckAll()}
         {this.renderButtonBar()}
       </div>
diff --git a/app/assets/javascripts/components/contextActions/NoticeButton.js b/app/assets/javascripts/components/contextActions/NoticeButton.js
index 4d0a7932f..af1ae0b9e 100644
--- a/app/assets/javascripts/components/contextActions/NoticeButton.js
+++ b/app/assets/javascripts/components/contextActions/NoticeButton.js
@@ -44,6 +44,8 @@ const handleNotification = (nots, act, needCallback = true) => {
           CollectionActions.fetchRemoteCollectionRoots();
           break;
         case 'CollectionActions.fetchSyncInCollectionRoots':
+        case 'Repository_ReviewRequest':
+        case 'Repository_Published':
           CollectionActions.fetchSyncInCollectionRoots();
           break;
         case 'InboxActions.fetchInbox':
diff --git a/app/assets/javascripts/components/contextActions/ReportUtilButton.js b/app/assets/javascripts/components/contextActions/ReportUtilButton.js
index 9bbcdf02b..bbc593131 100644
--- a/app/assets/javascripts/components/contextActions/ReportUtilButton.js
+++ b/app/assets/javascripts/components/contextActions/ReportUtilButton.js
@@ -20,7 +20,7 @@ const showComputedPropsGraph = () => {
   ElementActions.showComputedPropsGraph();
 };
 
-const ReportUtilButton = ({ customClass  }) => {
+const ReportUtilButton = ({ customClass, isDisabled=false  }) => {
   const userState = UserStore.getState();
   const profileData = _.get(userState, 'profile.data', {});
   const enableComputedProps = _.get(profileData, 'computed_props.enable', false);
@@ -45,7 +45,7 @@ const ReportUtilButton = ({ customClass  }) => {
           Report
         </MenuItem>
         <MenuItem divider />
-        <MenuItem onSelect={showFormatContainer} title="Analyses Formatting">
+        <MenuItem onSelect={showFormatContainer} disabled={isDisabled} title="Analyses Formatting">
           Format Analyses
         </MenuItem>
         <MenuItem onSelect={ElementActions.showLiteratureDetail} title="Reference Manager">
@@ -59,10 +59,12 @@ const ReportUtilButton = ({ customClass  }) => {
 
 ReportUtilButton.propTypes = {
   customClass: PropTypes.string,
+  isDisabled: PropTypes.bool,
 };
 
 ReportUtilButton.defaultProps = {
   customClass: null,
+  isDisabled: false,
 };
 
 export default ReportUtilButton;
diff --git a/app/assets/javascripts/components/fetchers/ArticleFetcher.js b/app/assets/javascripts/components/fetchers/ArticleFetcher.js
new file mode 100644
index 000000000..4c8d151e7
--- /dev/null
+++ b/app/assets/javascripts/components/fetchers/ArticleFetcher.js
@@ -0,0 +1,111 @@
+import 'whatwg-fetch';
+
+export default class ArticleFetcher {
+  static initial() {
+    const promise = fetch('/api/v1/public/article_init.json', {
+      credentials: 'same-origin'
+    })
+      .then(response => response.json()).then(json => json).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static createOrUpdate(params) {
+    const promise = fetch('/api/v1/articles/create_or_update/', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    })
+      .then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static delete(params) {
+    const promise = fetch(`/api/v1/articles/${params.key}`, {
+      credentials: 'same-origin',
+      method: 'DELETE',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      }
+    })
+      .then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static initialHowTo() {
+    const promise = fetch('/api/v1/public/howto_init.json', {
+      credentials: 'same-origin'
+    })
+      .then(response => response.json()).then(json => json).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static createOrUpdateHowTo(params) {
+    const promise = fetch('/api/v1/articles/create_or_update_howto/', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    })
+      .then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static deleteHowTo(params) {
+    const promise = fetch('/api/v1/articles/delete_howto', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    })
+      .then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+
+  static updateEditorImage(file, editorType) {
+    const data = new FormData();
+    data.append('file[]', file.file, file.name);
+    data.append('editor_type', editorType);
+    const promise = fetch('/api/v1/articles/editor_image', {
+      credentials: 'same-origin',
+      method: 'POST',
+      body: data
+    })
+      .then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+    return promise;
+  }
+}
diff --git a/app/assets/javascripts/components/fetchers/LiteraturesFetcher.js b/app/assets/javascripts/components/fetchers/LiteraturesFetcher.js
index 9cfc8c418..73a2d1ddc 100644
--- a/app/assets/javascripts/components/fetchers/LiteraturesFetcher.js
+++ b/app/assets/javascripts/components/fetchers/LiteraturesFetcher.js
@@ -3,17 +3,17 @@ import Immutable from 'immutable';
 import Literature from '../models/Literature';
 
 export default class LiteraturesFetcher {
-  static fetchElementReferences(element) {
+  static fetchElementReferences(element, is_all = false) {
     if (!element || element.isNew) {
       return Promise.resolve(Immutable.List())
     }
     const { type, id } = element;
-    return fetch(`/api/v1/literatures?element_type=${type}&element_id=${id}`, {
+    return fetch(`/api/v1/literatures?element_type=${type}&element_id=${id}&is_all=${is_all}`, {
       credentials: 'same-origin'
     }).then(response => response.json())
       .then(json => json.literatures)
-      .then(literatures => literatures.map(literature => new Literature(literature)))
       .then(lits => lits.reduce((acc, l) => acc.set(l.literal_id, l), new Immutable.Map()))
+      .then(literatures => literatures.map(literature => new Literature(literature)))
       .catch((errorMessage) => { console.log(errorMessage); });
   }
 
diff --git a/app/assets/javascripts/components/fetchers/PublicFetcher.js b/app/assets/javascripts/components/fetchers/PublicFetcher.js
new file mode 100644
index 000000000..56c71c556
--- /dev/null
+++ b/app/assets/javascripts/components/fetchers/PublicFetcher.js
@@ -0,0 +1,229 @@
+import 'whatwg-fetch'
+import _ from 'lodash'
+import Molecule from '../models/Molecule';
+import Reaction from '../models/Reaction';
+
+export default class PublicFetcher {
+  static fetchPublicMolecules(params = {}) {
+    const page = params.page || 1;
+    const perPage = params.perPage || 10;
+    const advFlag = params.advFlag || false;
+    const paramAdvType = params.advType ? `&adv_type=${params.advType}` : '';
+    const paramAdvValue = params.advValue ? params.advValue.map(x => `&adv_val[]=${x.value}`).join('') : '';
+    const api = `/api/v1/public/molecules.json?page=${page}&per_page=${perPage}&adv_flag=${advFlag}${paramAdvType}${paramAdvValue}`;
+
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json().then(json => ({
+        molecules: json.molecules.map(m => new Molecule(m)),
+        page: parseInt(response.headers.get('X-Page')),
+        pages: parseInt(response.headers.get('X-Total-Pages')),
+        perPage: parseInt(response.headers.get('X-Per-Page'))
+      }))).catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchPublicReactions(params = {}) {
+    const page = params.page || 1;
+    const perPage = params.perPage || 10;
+    const advFlag = params.advFlag || false;
+    const paramAdvType = params.advType ? `&adv_type=${params.advType}` : '';
+    const paramAdvValue = params.advValue ? params.advValue.map(x => `&adv_val[]=${x.value}`).join('') : '';
+    const schemeOnly = params.schemeOnly || false;
+    const api = `/api/v1/public/reactions.json?page=${page}&per_page=${perPage}&adv_flag=${advFlag}${paramAdvType}${paramAdvValue}&scheme_only=${schemeOnly}`;
+
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json().then(json => ({
+        reactions: json.reactions.map(m => new Reaction(m)),
+        page: parseInt(response.headers.get('X-Page'), 10),
+        pages: parseInt(response.headers.get('X-Total-Pages'), 10),
+        perPage: parseInt(response.headers.get('X-Per-Page'), 10)
+      }))).catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchAdvancedValues(advType, name) {
+    return fetch(`/api/v1/public/find_adv_valuess.json?name=${name}&adv_type=${advType}`, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static searchPublicMolecules(params = {}) {
+    const {
+      collectionId,
+      elementType,
+      page,
+      perPage,
+      selection
+    } = params;
+    return fetch(`/api/v1/search/${elementType.toLowerCase()}`, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        selection,
+        collection_id: collectionId || 'public',
+        page: page || 1,
+        per_page: perPage,
+        is_sync: false,
+        molecule_sort: false,
+        is_public: true
+      })
+    }).then(response => response.json())
+      .then(json => ({
+        molecules: json.publicMolecules.molecules.map(m => new Molecule(m)),
+        page: json.publicMolecules.page,
+        totalElements: json.publicMolecules.totalElements,
+        perPage: json.publicMolecules.perPage
+      })).catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static searchPublicReactions(params = {}) {
+    const {
+      collectionId,
+      elementType,
+      page,
+      perPage,
+      selection
+    } = params;
+    return fetch(`/api/v1/search/${elementType.toLowerCase()}`, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        selection,
+        collection_id: collectionId || 'public',
+        page: page || 1,
+        per_page: perPage,
+        is_sync: false,
+        molecule_sort: false,
+        is_public: true
+      })
+    }).then(response => response.json())
+      .then(json => ({
+        reactions: json.publicReactions.reactions.map(r => new Reaction(r)),
+        page: json.publicReactions.page,
+        totalElements: json.publicReactions.totalElements,
+        perPage: json.publicReactions.perPage
+      })).catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchLastPublished() {
+    const api = '/api/v1/public/last_published.json';
+    return fetch(api, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchLastPublishedSample() {
+    const api = '/api/v1/public/last_published_sample.json';
+    return fetch(api, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchDataset(id) {
+    const api = `/api/v1/public/dataset.json?id=${id}`;
+    return fetch(api, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchMolecule(id, advFlag = false, advType = '', advValues = null) {
+    const paramAdvType = (advType && advType !== '') ? `&adv_type=${advType}` : '';
+    const paramAdvValue = advValues ? advValues.map(x => `&adv_val[]=${x.value}`).join('') : '';
+    const api = `/api/v1/public/molecule.json?id=${id}&adv_flag=${advFlag}${paramAdvType}${paramAdvValue}`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchReaction(id) {
+    const api = `/api/v1/public/reaction.json?id=${id}`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static queryPid(params) {
+    const api = `/api/v1/public/pid/`
+
+    return fetch(api, {
+        method: 'post',
+        credentials: 'same-origin',
+        headers: {
+          'Accept': 'application/json',
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          id: params.id
+        })
+      })
+      .then((response) => {
+        return response.json()
+      }).then((json) => {
+        Aviator.navigate(json)
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      })
+  }
+
+  static queryInchikey(params) {
+    const api = `/api/v1/public/inchikey/`
+
+    return fetch(api, {
+        method: 'post',
+        credentials: 'same-origin',
+        headers: {
+          'Accept': 'application/json',
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          inchikey: params.inchikey,
+          type: params.type,
+          version: params.version
+        })
+      })
+      .then((response) => {
+        return response.json()
+      }).then((json) => {
+        Aviator.navigate(json)
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      })
+  }
+
+  static selectPublicCollection() {
+    return fetch(
+      '/api/v1/public/collection.json',
+      { credentials: 'same-origin' }
+    ).then((response) => { return response.json(); })
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static publishedStatics() {
+    const api = '/api/v1/public/published_statics';
+    return fetch(api, {
+      credentials: 'same-origin'
+    }).then((response) => {
+      return response.json();
+    })
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static affiliations(type) {
+    const api = `/api/v1/public/affiliations/${type}`;
+    return fetch(api, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+}
diff --git a/app/assets/javascripts/components/fetchers/ReactionsFetcher.js b/app/assets/javascripts/components/fetchers/ReactionsFetcher.js
index 8ad891c77..344b88778 100644
--- a/app/assets/javascripts/components/fetchers/ReactionsFetcher.js
+++ b/app/assets/javascripts/components/fetchers/ReactionsFetcher.js
@@ -5,9 +5,9 @@ import Immutable from 'immutable';
 import BaseFetcher from './BaseFetcher';
 import Reaction from '../models/Reaction';
 import UIStore from '../stores/UIStore';
-import NotificationActions from '../actions/NotificationActions';
 import AttachmentFetcher from './AttachmentFetcher';
 import Literature from '../models/Literature';
+import defaultAnalysisPublish from '../utils/defaultAnalysisPublish';
 
 // TODO: Extract common base functionality into BaseFetcher
 export default class ReactionsFetcher {
@@ -23,13 +23,15 @@ export default class ReactionsFetcher {
             const lits = tliteratures.reduce((acc, l) => acc.set(l.literal_id, l), new Immutable.Map());
             reaction.literatures = lits;
           }
-          return reaction;
+          reaction.publication = json.publication || {};
+          return new Reaction(defaultAnalysisPublish(reaction));
         }
         const rReaction = new Reaction(json.reaction);
+        rReaction.publication = json.publication || {};
         if (json.error) {
           rReaction.id = `${id}:error:Reaction ${id} is not accessible!`;
         }
-        return rReaction;
+        return new Reaction(defaultAnalysisPublish(rReaction));
       }).catch((errorMessage) => {
         console.log(errorMessage);
       });
@@ -39,7 +41,8 @@ export default class ReactionsFetcher {
     return BaseFetcher.fetchByCollectionId(id, queryParams, isSync, 'reactions', Reaction);
   }
 
-  static create(reaction, method = 'post') {
+  static create(r, method = 'post') {
+    const reaction = defaultAnalysisPublish(r);
     const reactionFiles = AttachmentFetcher.getFileListfrom(reaction.container);
     let productsFiles = [];
     reaction.products.forEach((prod) => {
diff --git a/app/assets/javascripts/components/fetchers/ReportsFetcher.js b/app/assets/javascripts/components/fetchers/ReportsFetcher.js
index 21fa51625..70841ddf9 100644
--- a/app/assets/javascripts/components/fetchers/ReportsFetcher.js
+++ b/app/assets/javascripts/components/fetchers/ReportsFetcher.js
@@ -4,6 +4,25 @@ import Sample from '../models/Sample';
 import Reaction from '../models/Reaction';
 
 export default class ReportsFetcher {
+  static getDois(elements) {
+    let promise = fetch('/api/v1/reports/dois/', {
+        credentials: 'same-origin',
+        method: 'POST',
+        headers: {
+          'Accept': 'application/json',
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ elements }),
+      })
+      .then((response) => {
+        return response.json()
+      }).then((json) => {
+        return json;
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+      return promise;
+  }
   static fetchArchives() {
     let promise = fetch('/api/v1/archives/all', {
         credentials: 'same-origin'
diff --git a/app/assets/javascripts/components/fetchers/RepositoryFetcher.js b/app/assets/javascripts/components/fetchers/RepositoryFetcher.js
new file mode 100644
index 000000000..0af446a60
--- /dev/null
+++ b/app/assets/javascripts/components/fetchers/RepositoryFetcher.js
@@ -0,0 +1,382 @@
+import 'whatwg-fetch';
+import Sample from '../models/Sample';
+import Reaction from '../models/Reaction';
+import NotificationActions from '../actions/NotificationActions';
+
+const AnalysisIdstoPublish = element => (
+  element.analysisArray()
+    .filter(a => (a.extended_metadata.publish && (a.extended_metadata.publish === true || a.extended_metadata.publish === 'true')))
+    .map(x => x.id)
+);
+
+export default class RepositoryFetcher {
+  static generateEmbargoAccount(id) {
+    const api = '/api/v1/repository/embargo/account';
+    return fetch(api, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ collection_id: id })
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+  static releaseEmbargo(id) {
+    const api = '/api/v1/repository/embargo/release';
+    return fetch(api, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ collection_id: id })
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+  static deleteEmbargo(id) {
+    const api = '/api/v1/repository/embargo/delete';
+    return fetch(api, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ collection_id: id })
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+  static moveEmbargo(id, newEmbargo, element) {
+    const api = '/api/v1/repository/embargo/move';
+    return fetch(api, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ collection_id: id, new_embargo: newEmbargo.value, element })
+    }).then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static reviewPublish(element) {
+    const { id, type } = element;
+    return fetch('/api/v1/repository/reviewing/submit', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ id, type })
+    }).then(response => response.json())
+      .then((json) => {
+        if (typeof json.reaction !== 'undefined') {
+          json.reaction.can_publish = false;
+          json.reaction.can_update = false;
+          return new Reaction(json.reaction);
+        } else if (type === 'sample') {
+          json.sample.can_publish = false;
+          json.sample.can_update = false;
+          return new Sample(json.sample);
+        }
+        return null;
+    })
+    .catch((errorMessage) => {
+      console.log(errorMessage);
+    });
+  }
+
+  static publishSample(params, option = null) {
+    const { sample, coauthors, refs, embargo, license, addMe } = params;
+    const analysesIds = AnalysisIdstoPublish(sample);
+    return fetch(`/api/v1/repository/publishSample/${option ? 'dois' : ''}`, {
+      credentials: 'same-origin',
+      method: option ? 'PUT' : 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        sampleId: sample.id,
+        analysesIds,
+        coauthors,
+        refs,
+        embargo,
+        license,
+        addMe
+      })
+    }).then((response) => {
+      return response.json()
+    }).then((json) => {
+      if (json.error) {
+        const notification = {
+          title: 'Publish sample fail',
+          message: `Error: ${json.error}`,
+          level: 'error',
+          dismissible: 'button',
+          autoDismiss: 6,
+          position: 'tr',
+          uid: 'publish_sample_error'
+        };
+        NotificationActions.add(notification);
+        return null;
+      }
+      if (option=='dois') {
+        json.sample.can_publish = true;
+        json.sample.can_update = true;
+      }
+      return new Sample(json.sample);
+    }).catch((errorMessage) => {
+      console.log(errorMessage);
+    });
+  }
+
+  static publishReactionScheme(params) {
+    const {
+      reaction, coauthors, embargo, license, addMe, schemeDesc
+    } = params;
+    return fetch('/api/v1/repository/publishReactionScheme', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        reactionId: reaction.id,
+        temperature: reaction.temperature,
+        duration: reaction.durationDisplay,
+        products: reaction.products,
+        schemeDesc,
+        coauthors,
+        embargo,
+        license,
+        addMe
+      })
+    })
+      .then(response => (response.json()))
+      .then((json) => {
+        if (json.error) {
+          const notification = {
+            title: 'Publish reaction scheme fail',
+            message: `Error: ${json.error}`,
+            level: 'error',
+            dismissible: 'button',
+            autoDismiss: 6,
+            position: 'tr',
+            uid: 'publish_reaction_error'
+          };
+          NotificationActions.add(notification);
+          return null;
+        }
+        return new Reaction(json.reaction);
+      }).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  static publishReaction(params, option = null) {
+    const { reaction, coauthors, refs, embargo, license, isFullyPublish, addMe } = params;
+    if (!isFullyPublish) return this.publishReactionScheme(params);
+    const analysesIds = reaction.samples.reduce((acc, s) => acc.concat(AnalysisIdstoPublish(s)),
+      AnalysisIdstoPublish(reaction)
+    )
+    return fetch(`/api/v1/repository/publishReaction/${option ? 'dois' : ''}`, {
+      credentials: 'same-origin',
+      method: option ? 'PUT' : 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        reactionId: reaction.id,
+        analysesIds,
+        coauthors,
+        refs,
+        embargo,
+        license,
+        addMe
+      })
+    }).then((response) => {
+      return response.json()
+    }).then((json) => {
+      if (json.error) {
+        const notification = {
+          title: 'Publish reaction fail',
+          message: `Error: ${json.error}`,
+          level: 'error',
+          dismissible: 'button',
+          autoDismiss: 6,
+          position: 'tr',
+          uid: 'publish_reaction_error'
+        };
+        NotificationActions.add(notification);
+        return null;
+      }
+      if (option=='dois') {
+        json.reaction.can_publish = true;
+        json.reaction.can_update = true;
+      }
+      return new Reaction(json.reaction);
+    }).catch((errorMessage) => {
+      console.log(errorMessage);
+    });
+  }
+
+  static fetchEmbargoCollections() {
+    const api = '/api/v1/repository/embargo_list.json';
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchEmbargoElements(id) {
+    const api = `/api/v1/repository/embargo/list.json?collection_id=${id}`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchReviewElements(type, state, page, perPage) {
+    const api = `/api/v1/repository/list.json?type=${type}&state=${state}&page=${page}&per_page=${perPage}`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json().then(json => ({
+        elements: json.elements,
+        page: parseInt(response.headers.get('X-Page'), 10),
+        pages: parseInt(response.headers.get('X-Total-Pages'), 10),
+        perPage: parseInt(response.headers.get('X-Per-Page'), 10),
+        selectType: type,
+        selectState: state
+      })))
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchEmbargoElement(type, id) {
+    const api = `/api/v1/repository/${type}.json?id=${id}&is_public=false`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchReaction(id, isPublic) {
+    const api = `/api/v1/repository/reaction.json?id=${id}&is_public=${isPublic}`;
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchSample(id, isPublic) {
+    const api = `/api/v1/repository/sample.json?id=${id}&is_public=${isPublic}`
+    return fetch(api, { credentials: 'same-origin' })
+      .then(response => response.json())
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static saveComments(id, type, comments) {
+    return fetch('/api/v1/repository/reviewing/comments', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ id, type, comments })
+    }).then(response => response.json())
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  static updateComment(id, type, comments) {
+    return fetch('/api/v1/repository/reviewing/comment', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ id, type, comments })
+    }).then(response => response.json())
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+  static repoReviewPublish(id, type, comments, summary, feedback, action) {
+    let api = '';
+    if (action === 'Comments') {
+      api = '/api/v1/repository/reviewing/comments';
+    } else if (action === 'Accept') {
+      api = '/api/v1/repository/reviewing/accepted';
+    } else if (action === 'Review') {
+      api = '/api/v1/repository/reviewing/reviewed';
+    } else if (action === 'Submit') {
+      api = '/api/v1/repository/reviewing/submit';
+    } else if (action === 'Decline') {
+      api = '/api/v1/repository/reviewing/declined';
+    } else {
+      // return;
+    }
+
+    return fetch(api, {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        id, type, comments, summary, feedback
+      })
+    }).then(response => response.json())
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  static previewMetadata(id, type) {
+    return fetch('/api/v1/repository/metadata/preview', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ id, type })
+    }).then(response => response.json())
+      .catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  static zipPreviewMetadata(id, type) {
+    const currentTime = Math.floor(Date.now() / 1000);
+    const fileName = `metadata_${type}_${id}-${currentTime}.zip`;
+    return fetch('/api/v1/repository/metadata/preview_zip', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ id, type })
+    }).then((response) => {
+      return response.blob();
+    }).then((blob) => {
+      const a = document.createElement('a');
+      a.style = 'display: none';
+      document.body.appendChild(a);
+      const url = window.URL.createObjectURL(blob);
+      a.href = url;
+      a.download = fileName;
+      a.click();
+      window.URL.revokeObjectURL(url);
+    }).catch((errorMessage) => {
+      console.log(errorMessage);
+    });
+  }
+}
diff --git a/app/assets/javascripts/components/fetchers/SamplesFetcher.js b/app/assets/javascripts/components/fetchers/SamplesFetcher.js
index bfc89119d..f9272edf4 100644
--- a/app/assets/javascripts/components/fetchers/SamplesFetcher.js
+++ b/app/assets/javascripts/components/fetchers/SamplesFetcher.js
@@ -8,6 +8,7 @@ import BaseFetcher from './BaseFetcher';
 
 
 import Container from '../models/Container';
+import defaultAnalysisPublish from '../utils/defaultAnalysisPublish';
 
 export default class SamplesFetcher {
   static fetchSamplesByUIStateAndLimit(params) {
@@ -49,7 +50,7 @@ export default class SamplesFetcher {
         if (json.error) {
           rSample.id = `${id}:error:Sample ${id} is not accessible!`;
         }
-        return rSample;
+        return new Sample(defaultAnalysisPublish(rSample));
       }).catch((errorMessage) => {
         console.log(errorMessage);
       });
@@ -61,7 +62,8 @@ export default class SamplesFetcher {
     return BaseFetcher.fetchByCollectionId(id, queryParams, isSync, 'samples', Sample);
   }
 
-  static update(sample) {
+  static update(s) {
+    const sample = defaultAnalysisPublish(s);
     let files = AttachmentFetcher.getFileListfrom(sample.container)
     let promise = ()=> fetch('/api/v1/samples/' + sample.id, {
       credentials: 'same-origin',
@@ -87,7 +89,8 @@ export default class SamplesFetcher {
 
   }
 
-  static create(sample) {
+  static create(s) {
+    const sample = defaultAnalysisPublish(s);
     let files = AttachmentFetcher.getFileListfrom(sample.container)
     let promise = ()=> fetch('/api/v1/samples', {
       credentials: 'same-origin',
diff --git a/app/assets/javascripts/components/fetchers/UsersFetcher.js b/app/assets/javascripts/components/fetchers/UsersFetcher.js
index 698efb918..7f921c914 100644
--- a/app/assets/javascripts/components/fetchers/UsersFetcher.js
+++ b/app/assets/javascripts/components/fetchers/UsersFetcher.js
@@ -119,4 +119,92 @@ export default class UsersFetcher {
       .then(json => json)
       .catch((errorMessage) => { console.log(errorMessage); });
   }
+
+
+  static fetchMyCollaborations() {
+    return fetch('/api/v1/collaborators/list', {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static AddMyCollaboration(params = {}) {
+    return fetch('/api/v1/collaborators/add', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static createAddMyCollaboration(params = {}) {
+    return fetch('/api/v1/collaborators/create', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+
+  static addCollaboratorAff(params = {}) {
+    return fetch('/api/v1/collaborators/add_aff', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static deleteCollaboration(params) {
+    return fetch('/api/v1/collaborators/delete', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static deleteCollaboratorAff(params) {
+    return fetch('/api/v1/collaborators/delete_aff', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(params)
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  static fetchUsersByNameFirst(name, first) {
+    return fetch(`/api/v1/collaborators/user.json?name=${name}&first=${first}`, {
+      credentials: 'same-origin'
+    }).then(response => response.json())
+      .then(json => json)
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
 }
diff --git a/app/assets/javascripts/components/managing_actions/ManagingActions.js b/app/assets/javascripts/components/managing_actions/ManagingActions.js
index 55988f024..bfecb06bc 100644
--- a/app/assets/javascripts/components/managing_actions/ManagingActions.js
+++ b/app/assets/javascripts/components/managing_actions/ManagingActions.js
@@ -201,11 +201,13 @@ export default class ManagingActions extends React.Component {
             onClick={this.handleButtonClick}
             customClass={this.props.customClass}
           />
+          {/*
           <ShareButton
             isDisabled={shareDisabled}
             onClick={this.handleButtonClick}
             customClass={this.props.customClass}
           />
+          */}
         </ButtonGroup>
       </div>
     );
diff --git a/app/assets/javascripts/components/managing_actions/ManagingModalCollectionActions.js b/app/assets/javascripts/components/managing_actions/ManagingModalCollectionActions.js
index 38660d934..471376d67 100644
--- a/app/assets/javascripts/components/managing_actions/ManagingModalCollectionActions.js
+++ b/app/assets/javascripts/components/managing_actions/ManagingModalCollectionActions.js
@@ -124,7 +124,7 @@ export default class ManagingModalCollectionActions extends React.Component {
             className="select-assign-collection"
           />
         </FormGroup>
-        <FormGroup>
+        <FormGroup style={{ display: 'none'}} >
           <ControlLabel>or Create a new Collection</ControlLabel>
           <FormControl
             type="text"
diff --git a/app/assets/javascripts/components/models/Element.js b/app/assets/javascripts/components/models/Element.js
index e77a634d4..809b2368c 100644
--- a/app/assets/javascripts/components/models/Element.js
+++ b/app/assets/javascripts/components/models/Element.js
@@ -27,7 +27,7 @@ export default class Element {
 
   checksum(fieldsToOmit = []) {
     return sha256(JSON.stringify(_.omit(_.omit(this,
-      ['_checksum', 'belongTo', 'matGroup', 'molecule_names', ...fieldsToOmit],
+      ['_checksum', 'belongTo', 'matGroup', 'molecule_names', 'validates', ...fieldsToOmit],
     ), _.isEmpty)));
   }
 
diff --git a/app/assets/javascripts/components/models/Literature.js b/app/assets/javascripts/components/models/Literature.js
index f0ea828a7..f3579d07f 100644
--- a/app/assets/javascripts/components/models/Literature.js
+++ b/app/assets/javascripts/components/models/Literature.js
@@ -8,7 +8,8 @@ export default class Literature extends Element {
       doi: '',
       type: 'literature',
       is_new: false,
-      refs: {}
+      refs: {},
+      element_type: ''
     })
   }
 
@@ -20,7 +21,8 @@ export default class Literature extends Element {
       doi: this.doi,
       type: this.type,
       is_new: this.isNew || false,
-      refs: this.refs || {}
+      refs: this.refs || {},
+      element_type: this.element_type
     });
   }
 }
diff --git a/app/assets/javascripts/components/models/Reaction.js b/app/assets/javascripts/components/models/Reaction.js
index 217140862..0c8db4144 100644
--- a/app/assets/javascripts/components/models/Reaction.js
+++ b/app/assets/javascripts/components/models/Reaction.js
@@ -91,6 +91,7 @@ export default class Reaction extends Element {
       name: '',
       observation: Reaction.quillDefault(),
       products: [],
+      publication: {},
       purification: '',
       purification_solvents: [],
       reactants: [],
@@ -122,6 +123,10 @@ export default class Reaction extends Element {
     return `${currentUser.initials}-${prefix}${number}`;
   }
 
+  get is_published() {
+    return this.publication && this.publication.state === 'completed';
+  }
+
   static get temperature_unit() {
     return TemperatureUnit;
   }
@@ -145,6 +150,7 @@ export default class Reaction extends Element {
       durationDisplay: this.durationDisplay,
       durationCalc: this.durationCalc(),
       id: this.id,
+      is_published: this.is_published,
       literatures: this.literatures,
       materials: {
         starting_materials: this.starting_materials.map(s => s.serializeMaterial()),
@@ -156,6 +162,7 @@ export default class Reaction extends Element {
       name: this.name,
       observation: this.observation,
       origin: this.origin,
+      publication: this.publication,
       purification: this.purification,
       tlc_solvents: this.tlc_solvents,
       tlc_description: this.tlc_description,
@@ -407,6 +414,13 @@ export default class Reaction extends Element {
     this._products = this._coerceToSamples(samples);
   }
 
+  get publication() {
+    return this._publication
+  }
+
+  set publication(publication) {
+    this._publication = publication
+  }
   get samples() {
     return [
       ...this.starting_materials || [],
@@ -812,4 +826,16 @@ export default class Reaction extends Element {
     }
     return name;
   }
+
+  get notPublishable() {
+    // NB: in reaction samples, can_publish is only serialized for products
+    // const unpublishableSamples = this.samples.filter(s => !s.can_publish);
+    const unpublishableSamples = this.products.filter(s => !s.can_publish);
+    return unpublishableSamples.length > 0 && unpublishableSamples;
+  }
+
+  analysisArray() {
+    const analyses = this.container && this.container.children.find(c => (c && c.container_type === 'analyses'));
+    return analyses ? analyses.children : [];
+  }
 }
diff --git a/app/assets/javascripts/components/models/Sample.js b/app/assets/javascripts/components/models/Sample.js
index 51794f335..59586ce65 100644
--- a/app/assets/javascripts/components/models/Sample.js
+++ b/app/assets/javascripts/components/models/Sample.js
@@ -808,6 +808,14 @@ export default class Sample extends Element {
     return this._equivalent;
   }
 
+  set scheme_yield(scheme_yield) {
+    this._scheme_yield = scheme_yield;
+  }
+
+  get scheme_yield() {
+    return this._scheme_yield;
+  }
+
   set conc(conc) {
     this._conc = conc;
   }
@@ -838,7 +846,7 @@ export default class Sample extends Element {
   }
 
   //Container & Analyses routines
-  addAnalysis(analysis){
+  addAnalysis(analysis) {
     this.container.children.filter(
       element => ~element.container_type.indexOf('analyses')
     )[0].children.push(analysis);
@@ -884,6 +892,11 @@ export default class Sample extends Element {
     });
     return target;
   }
+
+  analysisArray() {
+    const analyses = this.container.children.find(c => (c && c.container_type === 'analyses'));
+    return analyses ? analyses.children : [];
+  }
 }
 
 Sample.counter = 0;
diff --git a/app/assets/javascripts/components/report/Config.js b/app/assets/javascripts/components/report/Config.js
index 7344dadac..2d511e571 100644
--- a/app/assets/javascripts/components/report/Config.js
+++ b/app/assets/javascripts/components/report/Config.js
@@ -21,6 +21,7 @@ const templateOpts = () => (
     { label: 'Supporting Information - Reaction List (.xlsx)', value: 'rxn_list_xlsx' },
     { label: 'Supporting Information - Reaction List (.csv)', value: 'rxn_list_csv' },
     { label: 'Supporting Information - Reaction List (.html)', value: 'rxn_list_html' },
+    { label: 'Supporting Information - DOI List (.xlsx)', value: 'doi_list_xlsx' },
   ]
 );
 
@@ -171,6 +172,8 @@ const spcConfig = ({ template, fileName, fileDescription }) => {
 
 const rxlConfig = props => spcConfig(props);
 
+const doiConfig = props => spcConfig(props);
+
 const Config = (props) => {
   switch (props.template) {
     case 'standard':
@@ -183,6 +186,8 @@ const Config = (props) => {
     case 'rxn_list_csv':
     case 'rxn_list_html':
       return rxlConfig(props);
+    case 'doi_list_xlsx':
+      return doiConfig(props);
     default:
       return null;
   }
diff --git a/app/assets/javascripts/components/report/Orders.js b/app/assets/javascripts/components/report/Orders.js
index 4ab405203..8b7039aab 100644
--- a/app/assets/javascripts/components/report/Orders.js
+++ b/app/assets/javascripts/components/report/Orders.js
@@ -32,6 +32,8 @@ const spcContent = props => suiContent(props);
 
 const rxlContent = props => suiContent(props);
 
+const doiContent = props => suiContent(props);
+
 const ordersContent = (props) => {
   switch (props.template) {
     case 'standard':
@@ -44,6 +46,8 @@ const ordersContent = (props) => {
     case 'rxn_list_csv':
     case 'rxn_list_html':
       return rxlContent(props);
+    case 'doi_list_xlsx':
+      return doiContent(props);
     default:
       return null;
   }
diff --git a/app/assets/javascripts/components/report/Previews.js b/app/assets/javascripts/components/report/Previews.js
index 61bd6857e..6fb79fe87 100644
--- a/app/assets/javascripts/components/report/Previews.js
+++ b/app/assets/javascripts/components/report/Previews.js
@@ -5,6 +5,7 @@ import SectionSiProcedures from './SectionSiProcedures';
 import SectionSiSynthesis from './SectionSiSynthesis';
 import SectionSpectrum from './SectionSpectrum';
 import SectionReactionList from './SectionReactionList';
+import SectionDoiList from './SectionDoiList';
 
 const objToKeyValPairs = (obj = []) => (
   obj.reduce((ob, { text, checked }) => {
@@ -87,6 +88,13 @@ const rxlPreviews = ({ previewObjs, molSerials }) => (
   />
 );
 
+const doiPreviews = ({ selectedObjs, molSerials }) => (
+  <SectionDoiList
+    objs={selectedObjs}
+    molSerials={molSerials}
+  />
+);
+
 const previewsContent = (props) => {
   switch (props.template) {
     case 'standard':
@@ -99,6 +107,8 @@ const previewsContent = (props) => {
     case 'rxn_list_csv':
     case 'rxn_list_html':
       return rxlPreviews(props);
+    case 'doi_list_xlsx':
+    return doiPreviews(props);
     default:
       return null;
   }
diff --git a/app/assets/javascripts/components/report/SectionDoiList.js b/app/assets/javascripts/components/report/SectionDoiList.js
new file mode 100644
index 000000000..283a60f82
--- /dev/null
+++ b/app/assets/javascripts/components/report/SectionDoiList.js
@@ -0,0 +1,89 @@
+import React from 'react';
+import SVG from 'react-inlinesvg';
+import { Table, Tooltip, OverlayTrigger } from 'react-bootstrap';
+import ReportActions from '../actions/ReportActions';
+import ReportStore from '../stores/ReportStore';
+import { UserSerial } from '../utils/ReportHelper';
+import ReportsFetcher from '../fetchers/ReportsFetcher';
+
+
+const svgPath = (svg, type) => {
+  if (svg && svg !== '***') {
+    if (type === 'Reaction') {
+      return `/images/reactions/${svg}`;
+    }
+    return `/images/samples/${svg}`;
+  }
+  return 'images/wild_card/no_image_180.svg';
+};
+
+export default class SectionDoiList extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      objs: props.objs,
+      molSerials: props.molSerials,
+      dois: []
+    };
+
+    this.initGetDoi = this.initGetDoi.bind(this);
+  }
+  componentDidMount() {
+    this.initGetDoi();
+  }
+
+  shouldComponentUpdate(nextProps, nextState) {
+    if (nextProps.objs && nextProps.objs.length > 0) {
+      if (this.state.objs.length !== nextProps.objs.length) {
+        this.setState({ objs: nextProps.objs });
+        this.initGetDoi();
+      }
+    }
+    return true;
+  }
+
+  initGetDoi() {
+    ReportsFetcher.getDois(this.props.objs)
+      .then((result) => {
+        this.setState({
+          dois: result.dois
+        })
+      });
+  }
+
+  render() {
+    const { dois } = this.state;
+    let doiTbl = <span />
+    if (dois && dois.length > 0) {
+      doiTbl = dois.map((e) => {
+        let ds = <div />;
+        if (typeof (e.dois) !== 'undefined' && e.dois && e.dois.length > 0) {
+          ds = e.dois.map(d => d == null ? <div/> : (<div>{d}<br /></div>) )
+        }
+        return (
+          <tr key={e.element_id}>
+            <td style={{ width: '30%' }}>
+              <div>
+                <SVG src={svgPath(e.svg, e.element_type)} className="molecule-mid" key={e.svg} />
+              </div>
+            </td>
+            <td style={{ width: '70%' }}>{ds}</td>
+          </tr>
+        )
+      });
+    }
+    return (
+      <Table striped bordered hover>
+        <thead>
+          <tr>
+            <th width="30%">SVG</th>
+            <th width="70%">DOI</th>
+          </tr>
+        </thead>
+        <tbody>
+          { doiTbl }
+        </tbody>
+      </Table>
+    );
+  }
+}
diff --git a/app/assets/javascripts/components/report/Serials.js b/app/assets/javascripts/components/report/Serials.js
index 54908865a..4f7ef6840 100644
--- a/app/assets/javascripts/components/report/Serials.js
+++ b/app/assets/javascripts/components/report/Serials.js
@@ -52,6 +52,8 @@ const spcSerials = props => suiSerials(props);
 
 const rxlSerials = props => suiSerials(props);
 
+const doiSerials = props => suiSerials(props);
+
 const Serials = (props) => {
   switch (props.template) {
     case 'standard':
@@ -64,6 +66,8 @@ const Serials = (props) => {
     case 'rxn_list_csv':
     case 'rxn_list_html':
       return rxlSerials(props);
+    case 'doi_list_xlsx':
+      return doiSerials(props);
     default:
       return null;
   }
diff --git a/app/assets/javascripts/components/report/Setting.js b/app/assets/javascripts/components/report/Setting.js
index 8b9084bca..abe011281 100644
--- a/app/assets/javascripts/components/report/Setting.js
+++ b/app/assets/javascripts/components/report/Setting.js
@@ -107,6 +107,8 @@ const Setting = (props) => {
     case 'rxn_list_csv':
     case 'rxn_list_html':
       return rxlSetting(props);
+    case 'doi_list_xlsx':
+      return rxlSetting(props);
     default:
       return null;
   }
diff --git a/app/assets/javascripts/components/search/AutoCompleteInput.js b/app/assets/javascripts/components/search/AutoCompleteInput.js
index af2bcc58a..78f7626a6 100644
--- a/app/assets/javascripts/components/search/AutoCompleteInput.js
+++ b/app/assets/javascripts/components/search/AutoCompleteInput.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import {FormGroup,InputGroup,FormControl, Overlay, ListGroup, ListGroupItem}
+import { FormGroup, InputGroup, FormControl, Overlay, ListGroup, ListGroupItem, OverlayTrigger, Tooltip }
   from 'react-bootstrap';
 import debounce from 'es6-promise-debounce';
 
@@ -39,6 +39,10 @@ export default class AutoCompleteInput extends React.Component {
     this.initInputWidth()
   }
 
+  componentWillUnmount() {
+    UIStore.unlisten(this.onUIChange);
+  }
+
   onUIChange(state) {
     let inputDisabled = false
     let value = ''
@@ -327,6 +331,8 @@ export default class AutoCompleteInput extends React.Component {
       zIndex: 2
     };
 
+    const searchTooltip = <Tooltip id="search_tooltip">Search by IUPAC name, InChi, Smiles...</Tooltip>;
+
     return (
       <div style={{ position: 'relative' }} >
         <FormGroup ref={this.overlayTarget}
@@ -335,18 +341,20 @@ export default class AutoCompleteInput extends React.Component {
             <InputGroup.Button >
               {this.props.buttonBefore}
             </InputGroup.Button>
-            <FormControl
-              {...this.props.inputAttributes}
-              disabled={this.state.inputDisabled || this.props.inputDisabled}
-              type="text"
-              value={this.props.defaultSearchValue || value || ''}
-              autoComplete="off"
-              ref="input"
-              onFocus={() => this.handleFocus()}
-              onBlur={() => this.handleBlur()}
-              onChange={event => this.handleValueChange(event, this.doneTyping)}
-              onKeyDown={event => this.handleKeyDown(event)}
-            />
+              <OverlayTrigger placement="bottom" delayShow={1000} overlay={searchTooltip}>
+                <FormControl
+                  {...this.props.inputAttributes}
+                  disabled={this.state.inputDisabled || this.props.inputDisabled}
+                  type="text"
+                  value={this.props.defaultSearchValue || value || ''}
+                  autoComplete="off"
+                  ref="input"
+                  onFocus={() => this.handleFocus()}
+                  onBlur={() => this.handleBlur()}
+                  onChange={event => this.handleValueChange(event, this.doneTyping)}
+                  onKeyDown={event => this.handleKeyDown(event)}
+                />
+              </OverlayTrigger>
             <InputGroup.Button>
               {this.props.buttonAfter}
             </InputGroup.Button>
diff --git a/app/assets/javascripts/components/search/Search.js b/app/assets/javascripts/components/search/Search.js
index c9d8f05d0..fb660b4ff 100644
--- a/app/assets/javascripts/components/search/Search.js
+++ b/app/assets/javascripts/components/search/Search.js
@@ -127,7 +127,7 @@ export default class Search extends React.Component {
     const elements = [
       "All",
       "Samples", "Reactions",
-      "Wellplates", "Screens"
+      // "Wellplates", "Screens"
     ]
 
     const menu = elements.map(element => (
@@ -148,7 +148,8 @@ export default class Search extends React.Component {
 
   render() {
     const { profile } = UserStore.getState();
-    const { customClass } = (profile && profile.data) || {};
+    // const { customClass } = (profile && profile.data) || {};
+    const customClass = '.btn-unified'
 
     const buttonAfter = (
       <ButtonGroup>
diff --git a/app/assets/javascripts/components/staticDropdownOptions/options.js b/app/assets/javascripts/components/staticDropdownOptions/options.js
index 3c51610ae..3ebdf5aea 100644
--- a/app/assets/javascripts/components/staticDropdownOptions/options.js
+++ b/app/assets/javascripts/components/staticDropdownOptions/options.js
@@ -427,12 +427,24 @@ export const kindOptions = [{
 },{
   label: "13C NMR",
   value: "13C NMR"
+},{
+  label: "15N NMR",
+  value: "15N NMR"
+},{
+  label: "NMR",
+  value: "NMR"
 },{
   label: "Mass",
   value: "Mass"
 },{
   label: "IR",
   value: "IR"
+},{
+  label: 'Raman',
+  value: 'Raman'
+},{
+  label: 'UV-VIS',
+  value: 'UV-VIS'
 },{
   label: "EA",
   value: "EA"
@@ -452,6 +464,77 @@ export const kindOptions = [{
   label: "Others",
   value: "Others"
 }];
+  // { label: 'no method', value: 'no_method'},
+  // { label: 'Others', value: 'others' },
+  //
+  // { label: '1H NMR CDCl3 250', value: 'NMR/1H/CDCl3/250'},
+  // { label: '1H NMR CDCl3 300', value: 'NMR/1H/CDCl3/300'},
+  // { label: '1H NMR CDCl3 400', value: 'NMR/1H/CDCl3/400'},
+  // { label: '1H NMR CDCl3 500', value: 'NMR/1H/CDCl3/500'},
+  //
+  //
+  // { label: '1H NMR C6D6 250', value:  'NMR/1H/C6D6/250'},
+  // { label: '1H NMR C6D6 300', value: 'NMR/1H/C6D6/300'},
+  // { label: '1H NMR C6D6 400', value: 'NMR/1H/C6D6/400'},
+  //
+  //
+  // { label: '1H NMR MeOD 250', value:  'NMR/1H/MeOD/250'},
+  // { label: '1H NMR MeOD 300', value: 'NMR/1H/MeOD/300'},
+  // { label: '1H NMR MeOD 400', value: 'NMR/1H/MeOD/400'},
+  //
+  //
+  // { label: '1H NMR DMSO 250', value:  'NMR/1H/DMSO/250'},
+  // { label: '1H NMR DMSO 300', value: 'NMR/1H/DMSO/300'},
+  // { label: '1H NMR DMSO 400', value: 'NMR/1H/DMSO/400'},
+  //
+  //
+  // { label: '13C NMR CDCl3 62.5', value: 'NMR/13C/CDCl3/62.5'},
+  // { label: '13C NMR CDCl3 75', value:  'NMR/13C/CDCl3/75'},
+  // { label: '13C NMR CDCl3 100', value: 'NMR/13C/CDCl3/100'},
+  // { label: '13C NMR CDCl3 125', value: 'NMR/13C/CDCl3/125'},
+  //
+  //
+  // { label: '13C NMR C6D6 62.5', value: 'NMR/13C/C6D6/62.5'},
+  // { label: '13C NMR C6D6 75', value:   'NMR/13C/C6D6/75'},
+  // { label: '13C NMR C6D6 100', value:  'NMR/13C/C6D6/100'},
+  //
+  // { label: '13C NMR MeOD 62.5', value: 'NMR/13C/MeOD/62.5'},
+  // { label: '13C NMR MeOD 75', value:   'NMR/13C/MeOD/75'},
+  // { label: '13C NMR MeOD 100', value:  'NMR/13C/MeOD/100'},
+  //
+  //
+  // { label: '13C NMR DMSO 62.5', value: 'NMR/13C/DMSO/62.5'},
+  // { label: '13C NMR DMSO 75', value: 'NMR/13C/DMSO/75'},
+  // { label: '13C NMR DMSO 100', value: 'NMR/13C/DMSO/100'},
+  //
+  //
+  // { label: '19F NMR acetone 400', value: 'NMR/19F/acetone/400'},
+  // { label: '19F NMR CDCl3 367', value: 'NMR/19F/CDCl3/367'},
+  // { label: '19F NMR MeOD 367', value: 'NMR/19F/MeOD/367'},
+  // { label: '19F NMR C6D6 367', value: 'NMR/19F/C6D6/367'},
+  //
+  //
+  // { label: 'H-H COSY NMR CDCl3', value: 'NMR/HHCOSY/CDCl3'},
+  // { label: 'H-H COSY NMR DMSO', value: 'NMR/HHCOSY/DMSO'},
+  // { label: 'H-H COSY NMR methanol', value: 'NMR/HHCOSY/methanol'},
+  //
+  // { label: 'H-C COSY NMR CDCl3', value: 'NMR/HCCOSY/CDCl3'},
+  // { label: 'H-C COSY NMR DMSO', value: 'NMR/HCCOSY/DMSO'},
+  // { label: 'H-C COSY NMR methanol', value: 'NMR/HCCOSY/methanol'},
+  //
+  // { label: 'DEPT 135', value: 'DEPT/135'},
+  // { label: 'DEPT 90', value: 'DEPT/90'},
+  // { label: 'DEPT 45', value: 'DEPT/45'},
+  //
+  // { label: 'IR', value: 'IR'},
+  // { label: 'Mass EI', value: 'Mass/EI'},
+  // { label: 'Mass GCMS', value: 'Mass/GCMS'},
+  // { label: 'Raman', value: 'Raman'},
+  // { label: 'UV-VIS', value: 'UV-VIS'},
+  // { label: 'TLC', value: 'TLC'},
+  // { label: 'Xray', value: 'Xray'},
+  // { label: 'Additional material', value: 'additional'},
+// ];
 
 export const rolesOptions = [{
   label: 'General Procedure',
diff --git a/app/assets/javascripts/components/stores/ElementStore.js b/app/assets/javascripts/components/stores/ElementStore.js
index 6dcfd39a3..b5ae41a79 100644
--- a/app/assets/javascripts/components/stores/ElementStore.js
+++ b/app/assets/javascripts/components/stores/ElementStore.js
@@ -12,6 +12,7 @@ import ElementActions from '../actions/ElementActions';
 import CollectionActions from '../actions/CollectionActions';
 import UIActions from '../actions/UIActions';
 import UserActions from '../actions/UserActions';
+import RepositoryActions from '../actions/RepositoryActions';
 import UIStore from './UIStore';
 import ClipboardStore from './ClipboardStore';
 import Sample from '../models/Sample';
@@ -226,13 +227,23 @@ class ElementStore {
       handleUpdateLinkedElement: [
         ElementActions.updateReaction,
         ElementActions.updateSample,
+        RepositoryActions.publishSample,
+        RepositoryActions.publishReaction,
+        RepositoryActions.publishSampleReserveDois,
+        RepositoryActions.publishReactionReserveDois,
+        RepositoryActions.reviewPublish,
+      ],
+      handleRefreshSyncCollections: [
+        RepositoryActions.reviewPublish,
+        RepositoryActions.publishSample,
+        RepositoryActions.publishReaction,
       ],
       handleUpdateElement: [
         // ElementActions.updateReaction,
         // ElementActions.updateSample,
         ElementActions.updateWellplate,
         ElementActions.updateScreen,
-        ElementActions.updateResearchPlan
+        ElementActions.updateResearchPlan,
       ],
       handleRefreshComputedProp: ElementActions.refreshComputedProp,
     })
@@ -617,6 +628,10 @@ class ElementStore {
     this.handleUpdateElement(element);
   }
 
+  handleRefreshSyncCollections() {
+    CollectionActions.fetchSyncInCollectionRoots();
+  }
+
   handleUpdateSampleForWellplate(wellplate) {
     // UserActions.fetchCurrentUser()
     this.state.currentElement = null;
@@ -1072,7 +1087,11 @@ class ElementStore {
         && previous.tag.taggable_data.reaction_id;
       const openedReaction = selecteds.find(el => SameEleTypId(el, { type: 'reaction', id: rId }));
       if (openedReaction) {
-        openedReaction.updateMaterial(previous);
+        const freeze = (openedReaction && openedReaction.publication && openedReaction.publication.taggable_data &&
+          openedReaction.publication.taggable_data.scheme_only === true && (openedReaction.publication.state !== 'declined' || openedReaction.publication.state !== 'withdrawn')) || false;
+        if (freeze === false) {
+          openedReaction.updateMaterial(previous);
+        }
         if (previous.isPendingToSave) {
           openedReaction.changed = previous.isPendingToSave;
         }
diff --git a/app/assets/javascripts/components/stores/LoadingStore.js b/app/assets/javascripts/components/stores/LoadingStore.js
index 5b6a8fc20..086b27252 100644
--- a/app/assets/javascripts/components/stores/LoadingStore.js
+++ b/app/assets/javascripts/components/stores/LoadingStore.js
@@ -3,6 +3,8 @@ import LoadingActions from '../actions/LoadingActions';
 import ReportActions from '../actions/ReportActions';
 import ElementActions from '../actions/ElementActions';
 import InboxActions from '../actions/InboxActions';
+import RepositoryActions from '../actions/RepositoryActions';
+import PublicActions from '../actions/PublicActions';
 
 class LoadingStore {
   constructor() {
@@ -26,6 +28,9 @@ class LoadingStore {
           ElementActions.createResearchPlan,
           ElementActions.updateResearchPlan,
           InboxActions.fetchInbox,
+          RepositoryActions.reviewPublish,
+          PublicActions.updateComment,
+          PublicActions.reviewPublish,
         ],
     });
   }
diff --git a/app/assets/javascripts/components/stores/PublicStore.js b/app/assets/javascripts/components/stores/PublicStore.js
new file mode 100644
index 000000000..b9a612a9f
--- /dev/null
+++ b/app/assets/javascripts/components/stores/PublicStore.js
@@ -0,0 +1,425 @@
+import Aviator from 'aviator';
+import alt from '../alt';
+import PublicActions from '../actions/PublicActions';
+import SearchActions from '../actions/ElementActions';
+import UIActions from '../actions/UIActions';
+
+class PublicStore {
+  constructor() {
+    this.molecules = [];
+    this.reactions = [];
+    this.page = 1;
+    this.pages = 1;
+    this.perPage = 10;
+    this.selectType;
+    this.selectState;
+    this.selectEmbargoId;
+    this.publishedStatics = [];
+    this.lastPublished;
+    this.lastPublishedSample;
+    this.guestPage = "";
+    this.currentElement = null;
+    this.queryId = -1;
+    this.news = {};
+    this.articles = [];
+    this.howto = {};
+    this.howtos = [];
+    this.bundles = [];
+
+    this.bindListeners({
+      handleGetMolecules: PublicActions.getMolecules,
+      handleGetReactions: PublicActions.getReactions,
+      handleSearchMolecules: PublicActions.getSearchMolecules,
+      handleSearchReactions: PublicActions.getSearchReactions,
+      handlePublishedStatics: PublicActions.publishedStatics,
+      handleLastPublished: PublicActions.lastPublished,
+      handleLastPublishedSample: PublicActions.lastPublishedSample,
+      handleOpenRepositoryPage: PublicActions.openRepositoryPage,
+      handleDisplayDataset: PublicActions.displayDataset,
+      handleDisplayMolecule: PublicActions.displayMolecule,
+      handleDisplayReaction: PublicActions.displayReaction,
+      handleReceiveSearchresult: SearchActions.fetchBasedOnSearchSelectionAndCollection,
+      handleClearSearchSelection: [UIActions.selectCollection, UIActions.selectSyncCollection],
+      handleClose: PublicActions.close,
+      handleArticles: PublicActions.articles,
+      handleEditArticle: PublicActions.editArticle,
+      handleDisplayArticle: PublicActions.displayArticle,
+      handleHowTos: PublicActions.howtos,
+      handleEditHowTo: PublicActions.editHowTo,
+      handleDisplayHowTo: PublicActions.displayHowTo,
+      handleGetElements: PublicActions.getElements,
+      handleGetEmbargoElements: PublicActions.getEmbargoElements,
+      handleDisplayReviewReaction: PublicActions.displayReviewReaction,
+      handleDisplayReviewSample: PublicActions.displayReviewSample,
+      handelReviewPublish: PublicActions.reviewPublish,
+      handelUpdateComment: PublicActions.updateComment,
+      handleFetchBundles: PublicActions.fetchEmbargoBundle,
+      handleDisplayEmbargoElement: PublicActions.displayReviewEmbargo,
+      handleEmbargoRelease: [PublicActions.releaseEmbargo, PublicActions.deleteEmbargo],
+      handleEmbargoMove: PublicActions.moveEmbargo,
+    });
+  }
+
+
+  handleClose({ deleteEl }) {
+    this.setState({
+      currentElement: null
+    });
+    if (this.guestPage === 'embargo') {
+      Aviator.navigate('/embargo', { silent: true });
+    } else if (this.guestPage === 'review') {
+      Aviator.navigate('/review', { silent: true });
+    } else {
+      Aviator.navigate('/publications', { silent: true });
+    }
+  }
+
+  handleClearSearchSelection(){
+    PublicActions.getMolecules.defer();
+  }
+
+  handleGetMolecules(results) {
+    const { molecules, page, pages, perPage } = results;
+    this.setState({ molecules, page, pages, perPage });
+  }
+
+  handleGetReactions(results) {
+    const { reactions, page, pages, perPage } = results;
+    this.setState({ reactions, page, pages, perPage });
+  }
+
+  handleSearchMolecules(results) {
+    const { molecules, page, perPage, totalElements } = results;
+    let { pages } = results;
+    if (totalElements && perPage) {
+      pages = Math.ceil(totalElements / perPage);
+    }
+    this.setState({
+      molecules, page, pages, perPage
+    });
+  }
+
+  handleSearchReactions(results) {
+    const {
+      reactions, page, perPage, totalElements
+    } = results;
+    let { pages } = results;
+    if (totalElements && perPage) {
+      pages = Math.ceil(totalElements / perPage);
+    }
+    this.setState({
+      reactions, page, pages, perPage
+    });
+  }
+
+  handlePublishedStatics(publishedStatics) {
+    if (publishedStatics) {
+      this.setState({ publishedStatics });
+    }
+  }
+
+  handleLastPublished(lastPublished) {
+    if (lastPublished) {
+      this.setState({ lastPublished });
+    }
+  }
+
+  handleLastPublishedSample(lastPublishedSample){
+    if (lastPublishedSample) {
+      this.setState({ lastPublishedSample });
+    }
+  }
+
+  handleOpenRepositoryPage(page) {
+    this.setState({ guestPage: page, currentElement: null });
+  }
+
+  handleDisplayDataset(result) {
+    this.setState({
+      guestPage: 'publications',
+      elementType: 'dataset',
+      queryId: result.id,
+      currentElement: result.dataset
+    });
+    Aviator.navigate(`/publications/datasets/${result.id}`,
+      { silent: true });
+  }
+
+  handleDisplayMolecule(moleculeList) {
+    this.setState({
+      guestPage: 'publications',
+      elementType: 'molecule',
+      queryId: moleculeList.id,
+      currentElement: moleculeList.moleculeData
+    });
+    Aviator.navigate(`/publications/molecules/${moleculeList.id}`, { silent: true });
+  }
+
+  handleDisplayReaction(reactionList) {
+    this.setState({
+      guestPage: 'publications',
+      elementType: 'reaction',
+      queryId: reactionList.id,
+      currentElement: reactionList.reactionData
+    });
+    Aviator.navigate(`/publications/reactions/${reactionList.id}`, { silent: true });
+  }
+
+  handleReceiveSearchresult(result) {
+    this.setState({ ...result.publicMolecules });
+  }
+
+  handleArticles(result) {
+    this.setState({
+      guestPage: 'newsroom',
+      articles: result.data
+    });
+  }
+
+  handleEditArticle(result) {
+    const news = result.data;
+    news.key = result.key;
+    news.article = news.article ? news.article : [];
+    this.setState({
+      guestPage: 'newseditor',
+      news,
+    });
+  }
+
+  handleDisplayArticle(result) {
+    const news = result.data;
+    news.key = result.key;
+    this.setState({
+      guestPage: 'newsreader',
+      news,
+    });
+  }
+
+  handleHowTos(result) {
+    this.setState({
+      guestPage: 'howto',
+      howtos: result.data
+    });
+  }
+
+  handleEditHowTo(result) {
+    const howto = result.data;
+    howto.key = result.key;
+    howto.article = howto.article ? howto.article : [];
+    this.setState({
+      guestPage: 'howtoeditor',
+      howto,
+    });
+  }
+
+  handleDisplayHowTo(result) {
+    const howto = result.data;
+    howto.key = result.key;
+    this.setState({
+      guestPage: 'howtoreader',
+      howto,
+    });
+  }
+
+  handleGetElements(results) {
+    const { elements, page, perPage, pages, selectType, selectState } = results;
+    this.setState({ elements, page, perPage, pages, selectType, selectState });
+  }
+
+  handleGetEmbargoElements(results) {
+    const { elements, current_user, embargo_id } = results;
+    this.setState({
+      selectEmbargoId: embargo_id,
+      elements,
+      currentElement: null,
+      currentUser: current_user
+    });
+  }
+
+  handelUpdateComment(result) {
+    this.setState({ commentInfo: result.comments });
+  }
+
+  handelReviewPublish(results) {
+    let newState = '';
+    switch (results.action) {
+      case 'Submit':
+        newState = 'pending';
+        break;
+      case 'Review':
+        newState = 'reviewed';
+        break;
+      case 'Accept':
+        newState = 'completed';
+        break;
+      case 'Reject':
+        newState = 'rejected';
+        break;
+      default:
+        newState = 'pending';
+    }
+
+    if (results.action == 'Comments') {
+      this.setState({
+        commentInfo: results.comments,
+        summaryInfo: results.summary,
+        feedbackInfo: results.feedback
+      });
+      } else {
+      this.setState({
+        pubState: newState,
+        commentInfo: results.comments,
+        summaryInfo: results.summary,
+        feedbackInfo: results.feedback
+      });
+      }
+
+    PublicActions.getElements(this.selectType || 'All', this.selectState || 'pending', this.page, this.perPage);
+  }
+
+  handleDisplayReviewReaction(result) {
+    let comments = {};
+    let summary = '';
+    let feedback = '';
+    let pubState = '';
+
+    if (result.element && result.element.reviewLevel === 0) {
+      Aviator.navigate('/home');
+    } else {
+      if (result.element && result.element.reaction &&
+        result.element.reaction.publication) {
+        const { publication } = result.element.reaction;
+        pubState = publication.state;
+
+        if (publication.review) {
+          const pr = publication.review;
+          comments = pr.comments ? pr.comments : {};
+          summary = pr.summary ? pr.summary : '';
+          feedback = pr.feedback ? pr.feedback : '';
+        }
+      }
+
+      this.setState({
+        guestPage: 'review',
+        elementType: 'reaction',
+        queryId: result.id,
+        currentElement: result.element,
+        commentInfo: comments,
+        summaryInfo: summary,
+        feedbackInfo: feedback,
+        submitter: result.element.pub_name,
+        reviewLevel: result.element.reviewLevel,
+        pubState
+      });
+      Aviator.navigate(`/review/review_reaction/${result.id}`, { silent: true });
+    }
+  }
+
+  handleDisplayReviewSample(result) {
+    let comments = {};
+    let summary = '';
+    let feedback = '';
+    let pubState = '';
+    if (result.element && result.element.reviewLevel === 0) {
+      Aviator.navigate('/home');
+    } else {
+      if (result.element &&
+        result.element.publication) {
+        const { publication } = result.element;
+        pubState = publication.state;
+
+        if (publication.review) {
+          const pr = publication.review;
+          comments = pr.comments ? pr.comments : {};
+          summary = pr.summary ? pr.summary : '';
+          feedback = pr.feedback ? pr.feedback : '';
+        }
+      }
+      this.setState({
+        guestPage: 'review',
+        elementType: 'sample',
+        queryId: result.id,
+        currentElement: result.element,
+        commentInfo: comments,
+        summaryInfo: summary,
+        feedbackInfo: feedback,
+        submitter: result.element.pub_name,
+        reviewLevel: result.element.reviewLevel,
+        pubState
+      });
+      Aviator.navigate(`/review/review_sample/${result.id}`, { silent: true });
+    }
+  }
+
+  handleFetchBundles(result) {
+    const cols = result.repository;
+    const { current_user } = result;
+    const bundles = [];
+    if (cols && cols.length > 0) {
+      cols.forEach((col) => {
+        bundles.push({ value: col.id, name: col.label, label: col.label });
+      });
+      this.setState({
+        bundles, current_user, elements: [], currentElement: null
+      });
+    } else {
+      this.setState({
+        bundles: [], current_user, elements: [], currentElement: null
+      });
+    }
+  }
+
+  handleDisplayEmbargoElement(result) {
+    let comments = {};
+    let summary = '';
+    let feedback = '';
+    let pubState = '';
+
+    if (result.element && result.element.reviewLevel === 0) {
+      Aviator.navigate('/home/');
+    } else {
+      if (result.element &&
+        result.element.publication) {
+        const { publication } = result.element;
+        pubState = publication.state;
+
+        if (publication.review) {
+          const pr = publication.review;
+          comments = pr.comments ? pr.comments : {};
+          summary = pr.summary ? pr.summary : '';
+          feedback = pr.feedback ? pr.feedback : '';
+        }
+      }
+
+      const elementType = (result.element.sample ? 'sample' : 'reaction');
+
+      this.setState({
+        guestPage: 'embargo',
+        elementType,
+        queryId: result.id,
+        currentElement: result.element,
+        commentInfo: comments,
+        summaryInfo: summary,
+        feedbackInfo: feedback,
+        pubState,
+        reviewLevel: result.element.reviewLevel
+      });
+      Aviator.navigate(`/embargo/${elementType}/${result.id}`, { silent: true });
+    }
+  }
+
+  handleEmbargoRelease(result) {
+    PublicActions.fetchEmbargoBundle();
+  }
+
+  handleEmbargoMove(results) {
+    const { col_id, is_new_embargo, new_embargo, message } = results.result;
+    if (is_new_embargo === true) {
+      this.bundles.push({value: new_embargo.id, name: new_embargo.label, label: new_embargo.label });
+    }
+    alert(message);
+    PublicActions.getEmbargoElements(col_id);
+  }
+}
+
+export default alt.createStore(PublicStore, 'PublicStore')
diff --git a/app/assets/javascripts/components/stores/ReportStore.js b/app/assets/javascripts/components/stores/ReportStore.js
index 381840bc7..f17b8c42e 100644
--- a/app/assets/javascripts/components/stores/ReportStore.js
+++ b/app/assets/javascripts/components/stores/ReportStore.js
@@ -61,6 +61,7 @@ class ReportStore {
     this.prdAtts = [];
     this.attThumbNails = [];
     this.fileName = '';
+    this.dois = [];
 
     this.bindListeners({
       handleUpdateSplSettings: ReportActions.updateSplSettings,
@@ -318,6 +319,9 @@ class ReportStore {
       case 'rxn_list_html':
         prefix = 'Reaction_List_';
         break;
+      case 'doi_list_xlsx':
+        prefix = 'DOI_List_';
+        break;
       default:
         prefix = '';
         break;
@@ -353,6 +357,7 @@ class ReportStore {
     let ext = 'docx';
     switch (template) {
       case 'rxn_list_xlsx':
+      case 'doi_list_xlsx':
         ext = 'xlsx';
         break;
       case 'rxn_list_csv':
diff --git a/app/assets/javascripts/components/stores/UIStore.js b/app/assets/javascripts/components/stores/UIStore.js
index 36321480d..017c0dfcb 100644
--- a/app/assets/javascripts/components/stores/UIStore.js
+++ b/app/assets/javascripts/components/stores/UIStore.js
@@ -3,6 +3,7 @@ import alt from '../alt';
 
 import UIActions from '../actions/UIActions';
 import ElementActions from '../actions/ElementActions';
+import PublicActions from '../actions/PublicActions';
 import ElementStore from './ElementStore';
 import UserStore from './UserStore';
 import ArrayUtils from '../utils/ArrayUtils';
@@ -103,6 +104,7 @@ class UIStore {
       handleSetFromDate: UIActions.setFromDate,
       handleSetToDate: UIActions.setToDate,
       handleSetProductOnly: UIActions.setProductOnly,
+      handleSelectPublicCollection: PublicActions.selectPublicCollection,
     });
   }
 
@@ -376,6 +378,11 @@ class UIStore {
     this.state.productOnly = productOnly;
     this.handleSelectCollection(this.state.currentCollection, true);
   }
+
+  handleSelectPublicCollection(result) {
+    this.state.currentCollection = result;
+    this.state.isSync = result.is_sync;
+  }
 }
 
 export default alt.createStore(UIStore, 'UIStore');
diff --git a/app/assets/javascripts/components/stores/UserStore.js b/app/assets/javascripts/components/stores/UserStore.js
index 90c1f5e87..7184ec8cb 100644
--- a/app/assets/javascripts/components/stores/UserStore.js
+++ b/app/assets/javascripts/components/stores/UserStore.js
@@ -37,7 +37,7 @@ class UserStore {
 
   handleFetchCurrentUser(result) {
     this.state.currentUser = result
-  }
+ }
 
   handleFetchProfile(result) {
     this.state.profile = result;
diff --git a/app/assets/javascripts/components/users/AuthorModal.js b/app/assets/javascripts/components/users/AuthorModal.js
new file mode 100644
index 000000000..8ce17612c
--- /dev/null
+++ b/app/assets/javascripts/components/users/AuthorModal.js
@@ -0,0 +1,516 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Col, OverlayTrigger, Tooltip, Modal, Button, Table, Panel, Form, FormControl, FormGroup, ControlLabel } from 'react-bootstrap';
+import { findIndex, filter } from 'lodash';
+import UsersFetcher from '../fetchers/UsersFetcher';
+import PublicFetcher from '../fetchers/PublicFetcher';
+import SelectionField from '../common/SelectionField';
+import DeleteConfirmBtn from '../common/DeleteConfirmBtn';
+
+const sortList = data => data.sort((a, b) => a.name.localeCompare(b.name));
+const addUserTooltip = <Tooltip id="addUser_tooltip">Save to my collaboration</Tooltip>;
+const removeAffTooltip = <Tooltip id="rmAff_tooltip">Remove this affiliation</Tooltip>;
+const addAffTooltip = <Tooltip id="addAff_tooltip">Add new affiliation</Tooltip>;
+
+const lineAff = (g, aff, onDeleteAff, handleInputChange) => {
+
+  let removeBtn = '';
+  if (g.type === 'Collaborator') {
+    removeBtn = (
+      <OverlayTrigger placement="right" overlay={removeAffTooltip} >
+        <Button
+          bsSize="xsmall"
+          bsStyle="danger"
+          onClick={() => onDeleteAff(aff, g)}
+        >
+          <i className="fa fa-times" aria-hidden="true" />
+        </Button>
+      </OverlayTrigger>
+    );
+  }
+
+
+  return (
+    <tr>
+      <td width="30%">{aff.department}</td>
+      <td width="30%">{aff.organization}</td>
+      <td width="30%">{aff.country}</td>
+      <td width="10%">
+        { removeBtn }
+      </td>
+    </tr>
+  );
+}
+
+export default class AuthorModal extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      countries: [],
+      organizations: [],
+      departments: [],
+      authors: [],
+      users: [],
+      fields: {},
+      showNewUser: false
+    };
+    this.handleInputChange = this.handleInputChange.bind(this);
+    this.findUsers = this.findUsers.bind(this);
+    this.handleAddUser = this.handleAddUser.bind(this);
+    this.handleHide = this.handleHide.bind(this);
+    this.onAddAff = this.onAddAff.bind(this);
+    this.onDeleteAff = this.onDeleteAff.bind(this);
+  }
+
+  componentDidMount() {
+    UsersFetcher.fetchMyCollaborations()
+      .then((result) => {
+        if (result.authors && result.authors.length > 0) {
+          this.setState({ authors: sortList(result.authors) });
+        } else {
+          this.setState({ authors: [], users: [], fields: {}, showNewUser: false });
+        }
+      });
+    PublicFetcher.affiliations('countries').then((result) => {
+      const affOption = result.affiliations.map(a => ({ label: a, value: a })).filter(a => a.value && a.value.length > 1);
+      this.setState({ countries: affOption });
+    });
+    PublicFetcher.affiliations('organizations').then((result) => {
+      const affOption = result.affiliations.map(a => ({ label: a, value: a })).filter(a => a.value && a.value.length > 1);
+      this.setState({ organizations: affOption });
+    });
+    PublicFetcher.affiliations('departments').then((result) => {
+      const affOption = result.affiliations.map(a => ({ label: a, value: a })).filter(a => a.value && a.value.length > 1);
+      this.setState({ departments: affOption });
+    });
+  }
+
+  componentDidUpdate() {
+  }
+
+  handleHide() {
+    this.setState({ users: [], fields: {}, showNewUser: false });
+    this.props.onHide();
+  }
+
+  // inputs of create new group
+  handleInputChange(type, ev) {
+    let { fields } = this.state;
+    switch (type) {
+      case 'firstName':
+        fields.firstName = ev.currentTarget.value;
+        break;
+      case 'lastName':
+        fields.lastName = ev.currentTarget.value;
+        break;
+      case 'abbr':
+        fields.abbr = ev.currentTarget.value;
+        break;
+      case 'country':
+        fields.country = ev && ev.value;
+        break;
+      case 'organization':
+        fields.organization = ev && ev.value;
+        break;
+      case 'department':
+        fields.department = ev && ev.value;
+        break;
+      case 'search_key':
+        fields.search_key = ev.currentTarget.value;
+        break;
+      default:
+        if (typeof fields === 'undefined') {
+          fields = {};
+        }
+        fields[type] = ev && ev.value;
+    }
+    this.setState({ fields });
+  }
+
+  findUsers() {
+    const { fields } = this.state;
+    if ((!fields.firstName || fields.firstName.trim() === '') && (!fields.lastName || fields.lastName.trim() === '')) {
+      alert('Please input First Name or Last Name');
+      return false;
+    }
+    UsersFetcher.fetchUsersByNameFirst(fields.lastName || '', fields.firstName || '')
+      .then((result) => {
+        if (result.users && result.users.length > 0) {
+          this.setState({
+            users: sortList(result.users),
+            showNewUser: false,
+            fields: {}
+          });
+        } else {
+          this.setState({ showNewUser: true, users: [] });
+        }
+      });
+    return true;
+  }
+
+  handleAddUser(u) {
+    const { authors } = this.state;
+    UsersFetcher.AddMyCollaboration({ id: u.id })
+      .then((result) => {
+        authors.push(result.user);
+        this.setState({
+          authors: sortList(authors), users: [], fields: {}, showNewUser: false
+        });
+      });
+  }
+
+  createAdd() {
+    const { fields, authors } = this.state;
+
+    const nilFields = [];
+    if (!fields.firstName || fields.firstName.trim() === '') {
+      nilFields.push('First Name');
+    }
+    if (!fields.lastName || fields.lastName.trim() === '') {
+      nilFields.push('Last Name');
+    }
+    if (!fields.country || fields.country.trim() === '') {
+      nilFields.push('Country');
+    }
+    if (!fields.organization || fields.organization.trim() === '') {
+      nilFields.push('Organization');
+    }
+    if (!fields.department || fields.department.trim() === '') {
+      nilFields.push('Department');
+    }
+    if (nilFields.length > 0) {
+      alert(`Please input ${nilFields.join()}!`);
+      return false;
+    }
+
+    UsersFetcher.createAddMyCollaboration(fields)
+      .then((result) => {
+        if (result.error) {
+          alert(result.error);
+        } else {
+          authors.push(result.user);
+          this.setState({
+            authors: sortList(authors), users: [], fields: {}
+          });
+        }
+      });
+    return true;
+  }
+
+  handleDeleteCollaborator(c) {
+    const { authors } = this.state;
+    UsersFetcher.deleteCollaboration({ id: c.id })
+      .then((result) => {
+        if (result.error) {
+          alert(result.error);
+        } else {
+          this.setState({
+            authors: filter(authors, o => o.id !== c.id)
+          });
+        }
+      });
+  }
+
+  onAddAff(g) {
+    const { authors, fields } = this.state;
+    const department = fields[`${g.id}@line_department`];
+    const organization = fields[`${g.id}@line_organization`];
+    const country = fields[`${g.id}@line_country`];
+    const params = { id: g.id, department, organization, country };
+
+
+    UsersFetcher.addCollaboratorAff(params)
+      .then((result) => {
+        if (result.error) {
+          alert(result.error);
+        } else {
+          const idx = findIndex(authors, o => o.id === result.user.id);
+          authors.splice(idx, 1, result.user);
+          fields[`${g.id}@line_department`] = '';
+          fields[`${g.id}@line_organization`] = '';
+          fields[`${g.id}@line_country`] = '';
+          this.setState({ authors, fields });
+        }
+      });
+  }
+
+  onDeleteAff(a, g) {
+    const { authors } = this.state;
+
+    const params = { user_id: g.id, aff_id: a.id };
+
+    UsersFetcher.deleteCollaboratorAff(params)
+      .then((result) => {
+        if (result.error) {
+          alert(result.error);
+        } else {
+          const idx = findIndex(authors, o => o.id === result.user.id);
+          authors.splice(idx, 1, result.user);
+
+          this.setState({ authors });
+        }
+      });
+  }
+
+  render() {
+    const { authors, users, showNewUser } = this.state;
+
+    const modalStyle = {
+      overflowY: 'auto',
+    };
+
+    let tbody = '';
+
+    const searchTbody = (users || []).map(g => (
+      <tbody key={`tbody_${g.id}`}>
+        <tr key={`row_${g.id}`} id={`row_${g.id}`} style={{ fontWeight: 'bold' }}>
+          <td>
+            <OverlayTrigger placement="right" overlay={addUserTooltip} >
+              <Button
+                bsSize="xsmall"
+                bsStyle="warning"
+                onClick={() => this.handleAddUser(g)}
+              >
+                <i className="fa fa-floppy-o" aria-hidden="true" />
+              </Button>
+            </OverlayTrigger>
+            &nbsp;
+          </td>
+          <td>{g.name}</td>
+          <td>{g.affiliations && g.affiliations.length > 0 ? g.affiliations[0].department : ''}</td>
+          <td>{g.affiliations && g.affiliations.length > 0 ? g.affiliations[0].organization : ''}</td>
+          <td>{g.affiliations && g.affiliations.length > 0 ? g.affiliations[0].country : ''}</td>
+        </tr>
+      </tbody>
+    ));
+
+    if (Object.keys(authors).length <= 0) {
+      tbody = '';
+    } else {
+      tbody = authors.map(g => (
+        <tbody key={`tbody_${g.id}`}>
+          <tr key={`row_${g.id}`} id={`row_${g.id}`} style={{ fontWeight: 'bold' }}>
+            <td>
+              <DeleteConfirmBtn
+                label={g.name}
+                onClickYes={() => this.handleDeleteCollaborator(g)}
+              />
+              &nbsp;
+            </td>
+            <td>{g.name}</td>
+            <td>
+              <Table style={{ backgroundColor: 'unset', margin: 'unset' }}>
+                <tbody>
+                  {
+                    g.affiliations && g.affiliations.length > 0 ?
+                      g.affiliations.map(a =>
+                      lineAff(g, a, this.onDeleteAff, this.handleInputChange)) : ' '
+                  }
+                  {
+                    g.type === 'Collaborator' ?
+                      (
+                        <tr>
+                          <td width="30%">
+                            <SelectionField
+                              options={this.state.departments}
+                              value={(this.state.fields && this.state.fields[`${g.id}@line_department`]) || ''}
+                              field={`${g.id}@line_department`}
+                              placeholder="e.g. Institute of Organic Chemistry"
+                              onChange={this.handleInputChange}
+                              isCreatable
+                            />
+                          </td>
+                          <td width="30%">
+                            <SelectionField
+                              options={this.state.organizations}
+                              value={(this.state.fields && this.state.fields[`${g.id}@line_organization`]) || ''}
+                              field={`${g.id}@line_organization`}
+                              placeholder="e.g. Karlsruhe Institute of Technology"
+                              onChange={this.handleInputChange}
+                              isCreatable
+                            />
+                          </td>
+                          <td width="30%">
+                            <SelectionField
+                              options={this.state.countries}
+                              value={(this.state.fields && this.state.fields[`${g.id}@line_country`]) || ''}
+                              field={`${g.id}@line_country`}
+                              placeholder="e.g. Germany"
+                              onChange={this.handleInputChange}
+                            />
+                          </td>
+                          <td width="10%">
+                            <OverlayTrigger placement="right" overlay={addAffTooltip} >
+                              <Button
+                                bsSize="xsmall"
+                                bsStyle="success"
+                                onClick={() => this.onAddAff(g)}
+                              >
+                                <i className="fa fa-plus" aria-hidden="true" />
+                              </Button>
+                            </OverlayTrigger>
+                          </td>
+                        </tr>
+                      ) : ' '
+                  }
+                </tbody>
+              </Table>
+            </td>
+          </tr>
+        </tbody>
+      ));
+    }
+
+    let newAff = '';
+    if (showNewUser === true) {
+      newAff = (
+        <Form>
+          <SelectionField
+            label="Country"
+            options={this.state.countries}
+            value={this.state.fields.country || ''}
+            field="country"
+            placeholder="e.g. Germany"
+            onChange={this.handleInputChange}
+          />
+          <SelectionField
+            label="Organization"
+            options={this.state.organizations}
+            value={this.state.fields.organization || ''}
+            field="organization"
+            placeholder="e.g. Karlsruhe Institute of Technology"
+            onChange={this.handleInputChange}
+            isCreatable
+          />
+          <SelectionField
+            label="Department"
+            options={this.state.departments}
+            value={this.state.fields.department || ''}
+            field="department"
+            placeholder="e.g. Institute of Organic Chemistry"
+            onChange={this.handleInputChange}
+            isCreatable
+          />
+          <Button bsSize="small" bsStyle="warning" onClick={() => this.createAdd()}>
+            <i className="fa fa-file" aria-hidden="true" />&nbsp;
+            Create and Save to my collaboration
+          </Button>
+        </Form>
+      );
+    }
+
+    const newUserPanel = (
+      <Panel bsStyle="success">
+        <Panel.Heading>
+          <Panel.Title>
+            Add new collaborator
+          </Panel.Title>
+        </Panel.Heading>
+        <Panel.Body>
+          <Col md={4}>
+            <Form>
+              <FormGroup controlId="formInlineName">
+                <ControlLabel>First Name</ControlLabel>
+                <FormControl
+                  type="text"
+                  placeholder="eg: AK"
+                  value={this.state.fields.firstName || ''}
+                  onChange={e => this.handleInputChange('firstName', e)}
+                />
+              </FormGroup>
+              <FormGroup controlId="formInlineName">
+                <ControlLabel>Last Name</ControlLabel>
+                <FormControl
+                  type="text"
+                  placeholder="J. Moriarty"
+                  value={this.state.fields.lastName || ''}
+                  onChange={e => this.handleInputChange('lastName', e)}
+                />
+              </FormGroup>
+              <FormGroup controlId="formInlineNameAbbr">
+                <Button bsSize="small" bsStyle="success" onClick={() => this.findUsers()}>
+                  <i className="fa fa-search" aria-hidden="true" />&nbsp;
+                  Find
+                </Button>
+              </FormGroup>
+            </Form>
+          </Col>
+          <Col md={8}>
+            {newAff}
+          </Col>
+        </Panel.Body>
+      </Panel>
+    );
+
+    return (
+      <Modal
+        show={this.props.show}
+        dialogClassName="importChemDrawModal"
+        onHide={this.handleHide}
+      >
+        <Modal.Header closeButton>
+          <Modal.Title>My Collaboration</Modal.Title>
+        </Modal.Header>
+        <Modal.Body style={modalStyle}>
+          <div>
+            { newUserPanel }
+            <Panel bsStyle="success">
+              <Panel.Heading>
+                <Panel.Title>
+                  Search Result
+                </Panel.Title>
+              </Panel.Heading>
+              <Panel.Body>
+                <Table responsive condensed hover>
+                  <thead>
+                    <tr style={{ backgroundColor: '#ddd' }}>
+                      <th width="10%">Action</th>
+                      <th width="20%">Name</th>
+                      <th width="20%">Department</th>
+                      <th width="20%">Organization</th>
+                      <th width="20%">Country</th>
+                    </tr>
+                  </thead>
+                  { searchTbody }
+                </Table>
+              </Panel.Body>
+            </Panel>
+            <Panel bsStyle="info">
+              <Panel.Heading>
+                <Panel.Title>
+                  My Collaboration
+                </Panel.Title>
+              </Panel.Heading>
+              <Panel.Body>
+                <Table responsive condensed hover>
+                  <thead>
+                    <tr style={{ backgroundColor: '#ddd' }}>
+                      <th width="5%">Action</th>
+                      <th width="20%">Name</th>
+                      <th width="75%">
+                        <Table style={{ backgroundColor: 'unset', margin: 'unset' }}>
+                          <tbody>
+                            <td width="30%">Department</td>
+                            <td width="30%">Organization</td>
+                            <td width="30%">Country</td>
+                            <td width="10%">&nbsp;</td>
+                          </tbody>
+                        </Table>
+                      </th>
+                    </tr>
+                  </thead>
+                  { tbody }
+                </Table>
+              </Panel.Body>
+            </Panel>
+          </div>
+        </Modal.Body>
+      </Modal>
+    );
+  }
+}
+
+AuthorModal.propTypes = {
+  show: PropTypes.bool.isRequired,
+  onHide: PropTypes.func.isRequired,
+};
diff --git a/app/assets/javascripts/components/utils/ElementUtils.js b/app/assets/javascripts/components/utils/ElementUtils.js
index b3952e765..4d9c97bd9 100644
--- a/app/assets/javascripts/components/utils/ElementUtils.js
+++ b/app/assets/javascripts/components/utils/ElementUtils.js
@@ -4,8 +4,10 @@ import {
   deltaToMarkdown, markdownToDelta
 } from './deltaMarkdownConverter';
 import { searchAndReplace } from './markdownUtils';
+import { contentToText } from './quillFormat';
 
 import UIStore from '../stores/UIStore';
+import { chmoConversions } from '../OlsComponent';
 
 const rfValueFormat = (input) => {
   if (typeof input !== 'string') { return input; }
@@ -449,6 +451,65 @@ const SampleCode = (index, materialGp) => {
   }
 };
 
+// the requirements for file types as given
+const isFileTypePass = (analysisType, attachments) => {
+  const baseType = ['jpg', 'jpeg', 'png', 'tiff'];
+  const nmrType = ['jcamp', 'dx', 'jdx'];
+  let files = [];
+  switch (analysisType) {
+    case '1H NMR':
+    case chmoConversions.nmr_1h.termId:
+    case '13C NMR':
+    case chmoConversions.nmr_13c.termId:
+    case '15N NMR':
+    case 'NMR':
+    case 'IR':
+    case chmoConversions.ir.termId:
+      files = attachments.filter(f => baseType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      files = attachments.filter(f => nmrType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      break;
+    case 'EA':
+    case chmoConversions.ea.termId:
+    case 'X-Ray':
+    case 'Crystall-Structure':
+    case chmoConversions.crystal_structure.termId:
+      files = attachments.filter(f => baseType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      break;
+    default:
+      break;
+  }
+  return true;
+};
+
+// at least one dataset has to be attached
+// in dataset: instrument has to be given
+const isDatasetPass = (analysis) => {
+  const dataset = analysis.children;
+  const attachments = dataset.filter(d => d.attachments.length > 0 && !d.is_deleted);
+  if (attachments.length < 1) return false;
+  const instruments = dataset.filter(d => d.extended_metadata && (d.extended_metadata.instrument || '').trim() !== '' && !d.is_deleted);
+  if (instruments.length < 1) return false;
+  const analysisType = (analysis.extended_metadata.kind || '').split('|').shift().trim();
+  const files = attachments.filter(d => isFileTypePass(analysisType, d.attachments));
+  if (files.length < 1) return false;
+  return true;
+};
+
+const isNmrPass = (analysis, sample) => {
+  const nmrStr = analysis.extended_metadata && contentToText(analysis.extended_metadata.content);
+  const nmrType = analysis.extended_metadata && (analysis.extended_metadata.kind || '').split('|').shift().trim();
+  if (nmrType !== '1H NMR' && nmrType !== '13C NMR' && nmrType !== chmoConversions.nmr_1h.termId && nmrType !== chmoConversions.nmr_13c.termId) return true;
+  if (nmrType === '1H NMR' || nmrType === chmoConversions.nmr_1h.termId) {
+    return hNmrCheckMsg(sample.molecule.sum_formular, nmrStr) === '';
+  } else if (nmrType === '13C NMR' || nmrType === chmoConversions.nmr_13c.termId) {
+    return cNmrCheckMsg(sample.molecule.sum_formular, nmrStr) === '';
+  }
+  return true;
+};
+
 module.exports = {
   rfValueFormat,
   hNmrCheckMsg,
@@ -467,4 +528,6 @@ module.exports = {
   atomCountInNMRDescription,
   atomCountCInNMRDescription,
   emwInStr,
+  isNmrPass,
+  isDatasetPass,
 };
diff --git a/app/assets/javascripts/components/utils/defaultAnalysisPublish.js b/app/assets/javascripts/components/utils/defaultAnalysisPublish.js
new file mode 100644
index 000000000..759167573
--- /dev/null
+++ b/app/assets/javascripts/components/utils/defaultAnalysisPublish.js
@@ -0,0 +1,52 @@
+import { isNmrPass, isDatasetPass } from '../../libHome/RepoCommon';
+
+const applyPublish = (el) => {
+  const ext = [];
+  el.analysisArray().forEach((ana) => {
+    const a = ana;
+    if (ana.extended_metadata &&
+      (((ana.extended_metadata.kind || '') !== '') && // fail if analysis-type is empty
+        ((ana.extended_metadata.status || '') === 'Confirmed') && // && // fail if status is not set to Confirmed
+        (isNmrPass(ana, el)) && // fail if NMR check fail
+        (isDatasetPass(ana))
+      )) {
+      if (typeof ana.extended_metadata.publish === 'undefined') {
+        a.extended_metadata.publish = true;
+      }
+    }
+    ext.push(a);
+  });
+  return ext;
+};
+
+const defaultAnalysisPublish = (el) => {
+  const element = el;
+  switch (el.type) {
+    case 'sample': {
+      const ext = applyPublish(element);
+      if (ext.length > 0) {
+        const analyses = element.container.children.find(c => (c && c.container_type === 'analyses'));
+        analyses.children = ext;
+      }
+      break;
+    }
+    case 'reaction': {
+      // reset analysis.publish of products
+      if (typeof el.products !== 'undefined' && el.products.length > 0) {
+        element.products.forEach((p) => {
+          const prodAna = applyPublish(p);
+          if (prodAna.length > 0) {
+            const analyses = p.container.children.find(c => (c && c.container_type === 'analyses'));
+            analyses.children = prodAna;
+          }
+        });
+      }
+      break;
+    }
+    default:
+      break;
+  }
+  return element;
+};
+
+export default defaultAnalysisPublish;
diff --git a/app/assets/javascripts/libHome/ContainerComponent.js b/app/assets/javascripts/libHome/ContainerComponent.js
new file mode 100644
index 000000000..0c19871fd
--- /dev/null
+++ b/app/assets/javascripts/libHome/ContainerComponent.js
@@ -0,0 +1,98 @@
+import React, {Component} from 'react';
+import {Col, FormControl,FormGroup, ControlLabel} from 'react-bootstrap';
+import Select from 'react-select'
+import ContainerDatasets from '../components/ContainerDatasets';
+import QuillViewer from '../components/QuillViewer'
+
+import {sampleAnalysesContentSymbol} from '../components/utils/quillToolbarSymbol'
+import {confirmOptions} from '../components/staticDropdownOptions/options';
+
+export default class ContainerComponent extends Component {
+  constructor(props) {
+    super();
+    const {container} = props;
+    this.state = {
+      container
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.setState({
+      container: nextProps.container
+    });
+  }
+
+
+
+  render() {
+    const {container} = this.state;
+
+    let quill = (
+        <QuillViewer value={container.extended_metadata['content']} />
+      )
+
+
+    return (
+      <div className="small-p">
+        {/* <Col md={4}>
+          <label>Name</label>
+          <FormControl
+            type="text"
+            label="Name"
+            value={container.name || '***'}
+            disabled/>
+        </Col>
+        <Col md={4}>
+          <div style={{marginBottom: 11}}>
+            <label>Type</label>
+            <Select
+              name='kind'
+              multi={false}
+              options={kindOptions}
+              value={container.extended_metadata['kind']}
+              disabled
+
+              />
+          </div>
+        </Col>
+        <Col md={4}>
+          <div style={{marginBottom: 11}}>
+            <label>Status</label>
+            <Select
+              name='status'
+              multi={false}
+              options={confirmOptions}
+              value={container.extended_metadata['status']}
+              disabled
+
+            />
+          </div>
+        </Col> */}
+        {/* <Col md={12}>
+        <FormGroup>
+          <ControlLabel>Content</ControlLabel>
+          {quill}
+        </FormGroup>
+          <FormGroup>
+            <ControlLabel>Description</ControlLabel>
+            <FormControl
+              componentClass="textarea"
+              label="Description"
+              value={container.description || ''}
+              disabled
+              />
+          </FormGroup>
+        </Col> */}
+        <Col md={12}>
+          <label>Datasets</label>
+          <ContainerDatasets
+            container={container}
+            readOnly
+            disabled
+            onChange={container => this.props.onChange(container)}
+            />
+        </Col>
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/Home.js b/app/assets/javascripts/libHome/Home.js
index 5dc1c2a20..28396055c 100644
--- a/app/assets/javascripts/libHome/Home.js
+++ b/app/assets/javascripts/libHome/Home.js
@@ -1,9 +1,33 @@
 import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
 import { Grid, Row } from 'react-bootstrap';
+import Aviator from 'aviator';
 
-import Navigation from '../components/Navigation'
-import XHome from '../components/extra/HomeXHome'
+import { DragDropContext } from 'react-dnd';
+import HTML5Backend from 'react-dnd-html5-backend';
+
+import initPublicRoutes from './homeRoutes';
+
+import Navigation from './Navigation';
+import XHome from '../components/extra/HomeXHome';
+import Notifications from '../components/Notifications';
+import RepoEmbargo from './RepoEmbargo';
+import RepoHome from './RepoHome';
+import RepoPubl from './RepoPubl';
+import RepoReview from './RepoReview';
+import RepoAbout from './RepoAbout';
+import RepoContact from './RepoContact';
+import RepoDirective from './RepoDirective';
+import RepoNewsroom from './RepoNewsroom';
+import RepoNewsReader from './RepoNewsReader';
+import RepoNewsEditor from './RepoNewsEditor';
+import RepoHowTo from './RepoHowTo';
+import RepoHowToReader from './RepoHowToReader';
+import RepoHowToEditor from './RepoHowToEditor';
+
+import PublicStore from '../components/stores/PublicStore';
+import RepoElementDetails from './RepoElementDetails';
+import NavFooter from './NavFooter';
 
 const extraHomes = () => {
   const homes = [];
@@ -17,6 +41,83 @@ const extraHomes = () => {
 class Home extends Component {
   constructor(props) {
     super();
+    this.state = {
+      guestPage: null
+    };
+    this.onChange = this.onChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+  }
+
+  onChange(publicState) {
+    if (this.state.guestPage !== publicState.guestPage) {
+      this.setState(prevState => ({ ...prevState, guestPage: publicState.guestPage }));
+    }
+  }
+
+  renderGuestPage() {
+    switch (this.state.guestPage) {
+      case 'newseditor':
+        return <RepoNewsEditor />;
+      case 'newsreader':
+        return <RepoNewsReader />;
+      case 'newsroom':
+        return <RepoNewsroom />;
+      case 'howtoeditor':
+        return <RepoHowToEditor />;
+      case 'howtoreader':
+        return <RepoHowToReader />;
+      case 'howto':
+        return <RepoHowTo />;
+      case 'about':
+        return <RepoAbout />;
+      case 'contact':
+        return <RepoContact />;
+      case 'publications':
+        return <RepoPubl />;
+      case 'review':
+        return <RepoReview />;
+      case 'embargo':
+        return <RepoEmbargo />;
+      case 'dataset':
+      case 'molecule':
+        return <RepoElementDetails />;
+      case 'home':
+        return <RepoHome />;
+      case 'welcome':
+        return <RepoHome />;
+      case 'directive':
+        return <RepoDirective />;
+      default:
+        return <RepoHome />;
+    }
+  }
+
+  renderNavFooter() {
+    switch (this.state.guestPage) {
+      case 'publications':
+        return <span />;
+      case 'review':
+        return <span />;
+      case 'embargo':
+        return <span />;
+      case 'newseditor':
+        return <span />;
+      case 'newsreader':
+        return <span />;
+      case 'newsroom':
+        return <span />;
+      case 'howtoeditor':
+        return <span />;
+      case 'howtoreader':
+        return <span />;
+      case 'howto':
+        return <span />;
+      default:
+        return <NavFooter />;
+    }
   }
 
   render() {
@@ -24,21 +125,33 @@ class Home extends Component {
       <div>
         { XHome.count && XHome.count > 0
           ? extraHomes().map((Annex, i) => <Annex key={`Annex_${i}`} />)
-          : <Grid fluid>
-            <Row className="card-navigation">
-              <Navigation />
-            </Row>
-            <Row className="card-content">
-            </Row>
-          </Grid>
+          : (
+            <div>
+              <Grid fluid>
+                <Row className="card-navigation">
+                  <Navigation />
+                  <Notifications />
+                </Row>
+                <Row style={{ margin: '10px' }}>
+                  {this.renderGuestPage()}
+                </Row>
+              </Grid>
+              {this.renderNavFooter()}
+            </div>
+          )
         }
       </div>
     );
   }
 }
 
+const HomeWithDnD = DragDropContext(HTML5Backend)(Home);
 // $(document).ready(function() {
 document.addEventListener('DOMContentLoaded', () => {
   const domElement = document.getElementById('Home');
-  if (domElement) { ReactDOM.render(<Home />, domElement); }
+  if (domElement) {
+    ReactDOM.render(<HomeWithDnD />, domElement);
+    initPublicRoutes();
+    Aviator.dispatch();
+  }
 });
diff --git a/app/assets/javascripts/libHome/NavFooter.js b/app/assets/javascripts/libHome/NavFooter.js
new file mode 100644
index 000000000..a1e4c8073
--- /dev/null
+++ b/app/assets/javascripts/libHome/NavFooter.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import { Nav, NavItem } from 'react-bootstrap';
+import PublicActions from '../components/actions/PublicActions';
+
+const NavFooter = () => {
+  return (
+    <Nav justified>
+      <NavItem eventKey="21" role="button" tabIndex={0} onClick={() => Aviator.navigate('/home')}>
+        Home
+      </NavItem>
+      <NavItem eventKey="22" role="button" tabIndex={-1} onClick={() => Aviator.navigate('/home/publications')}>
+        Publications
+      </NavItem>
+      <NavItem eventKey="23" title="Item" role="button" tabIndex={-1} onClick={() => Aviator.navigate('/home/about')} >
+        About
+      </NavItem>
+      <NavItem eventKey="24" role="button" tabIndex={-1} onClick={() => Aviator.navigate('/home/directive')} >
+        Terms of service
+      </NavItem>
+    </Nav>
+  );
+};
+
+export default NavFooter;
diff --git a/app/assets/javascripts/libHome/NavHead.js b/app/assets/javascripts/libHome/NavHead.js
index 11d0f2d92..eaf9cb46e 100644
--- a/app/assets/javascripts/libHome/NavHead.js
+++ b/app/assets/javascripts/libHome/NavHead.js
@@ -1,24 +1,29 @@
 import React from 'react'
-import {NavDropdown, Navbar, MenuItem} from 'react-bootstrap';
+import { NavDropdown, Navbar, MenuItem } from 'react-bootstrap';
+import PublicActions from '../components/actions/PublicActions'
+
+const Title = <span><img alt="chemotion-" src="/images/repo/logo.png" style={{ width: '20%' }} /> Repository</span>
 
 const NavHead = () => {
-  let isHome = window.location.href.match(/\/home/)
+  const isHome = window.location.href.match(/\/home/)
   return(
     <Navbar.Brand>
-      <NavDropdown title='Chemotion' className="navig-brand" id="bg-nested-dropdown-brand">
-        <MenuItem eventKey="11" href="http://www.chemotion.net" target="_blank">Chemotion repository</MenuItem>
-        <MenuItem eventKey="13" href="http://www.complat.kit.edu/" target="_blank">Complat</MenuItem>
-        <MenuItem eventKey="14" href="https://github.com/ComPlat" target="_blank">Complat on Github</MenuItem>
-        <MenuItem divider />
-        <MenuItem eventKey='15' href={isHome ? '/' : '/home'} target="_self">{isHome ? 'ELN' : 'Home'}</MenuItem>
-        <MenuItem divider />
-        <MenuItem eventKey='15' href="/about" target="_self">About</MenuItem>
+      <NavDropdown title={Title} className="navig-brand navig-smaller-font" id="bg-nested-dropdown-brand">
+        <MenuItem eventKey="21" href="/home/welcome/">
+          Home
+        </MenuItem>
+        <MenuItem eventKey="22" href="/home/publications">
+          Publications
+        </MenuItem>
+        <MenuItem eventKey="23" href="/home/about">
+          About
+        </MenuItem>
+        <MenuItem eventKey="24" href="/home/directive">
+          Terms of service
+        </MenuItem>
       </NavDropdown>
     </Navbar.Brand>
   )
 }
 
-NavHead.propTypes = {
-}
-
 export default NavHead;
diff --git a/app/assets/javascripts/libHome/Navigation.js b/app/assets/javascripts/libHome/Navigation.js
new file mode 100644
index 000000000..09fbcc1bf
--- /dev/null
+++ b/app/assets/javascripts/libHome/Navigation.js
@@ -0,0 +1,136 @@
+import React from 'react';
+import { Nav, Navbar, NavItem, Label } from 'react-bootstrap';
+import UserAuth from '../components/UserAuth';
+import ManagingActions from '../components/managing_actions/ManagingActions';
+import ContextActions from '../components/contextActions/ContextActions';
+import UserStore from '../components/stores/UserStore';
+import UIStore from '../components/stores/UIStore';
+import UserActions from '../components/actions/UserActions';
+import UIActions from '../components/actions/UIActions';
+import ElementActions from '../components/actions/ElementActions';
+import NavNewSession from './NavNewSession';
+import NavHead from './NavHead';
+import DocumentHelper from '../components/utils/DocumentHelper';
+import NavigationModal from '../components/NavigationModal';
+import PublicActions from '../components/actions/PublicActions';
+
+export default class Navigation extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      currentUser: null,
+      modalProps: {
+        show: false,
+        title: '',
+        component: '',
+        action: null,
+        listSharedCollections: false,
+      }
+    };
+    this.onChange = this.onChange.bind(this);
+    this.onUIChange = this.onUIChange.bind(this);
+    // this.toggleCollectionTree = this.toggleCollectionTree.bind(this)
+  }
+
+  componentDidMount() {
+    UIStore.listen(this.onUIChange);
+    UserStore.listen(this.onChange);
+    UserActions.fetchCurrentUser();
+  }
+
+  componentWillUnmount() {
+    UIStore.unlisten(this.onUIChange);
+    UserStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    const newId = state.currentUser ? state.currentUser.id : null;
+    const oldId = this.state.currentUser ? this.state.currentUser.id : null;
+    if (newId !== oldId) { this.setState({ currentUser: state.currentUser }); }
+  }
+
+  onUIChange(state) {
+    this.setState({
+      modalProps: state.modalParams,
+    });
+  }
+
+  // toggleCollectionTree() {
+  //   this.props.toggleCollectionTree();
+  // }
+
+  token() { return DocumentHelper.getMetaContent("csrf-token") }
+
+  updateModalProps(modalProps) { this.setState({ modalProps }); }
+
+  navHeader() {
+    return (
+      <Navbar.Header className="collec-tree">
+        <Navbar.Text style={{cursor: "pointer"}}>
+          {/* <i  className="fa fa-list" style={{fontStyle: "normal"}}
+              onClick={this.toggleCollectionTree} /> */}
+        </Navbar.Text>
+        <Navbar.Text />
+        <NavHead />
+      </Navbar.Header>
+    )
+  }
+
+  render() {
+    const { modalProps, currentUser } = this.state;
+
+    let userBar = (<span />);
+    if (currentUser) {
+      userBar = (<UserAuth />);
+    } else {
+      userBar = (<NavNewSession authenticityToken={this.token()} />);
+    }
+    // const logo = <img height={50} alt="Chemotion-Repository" src="/images/repo/chemotion_full.svg"/>
+    return (
+      <Navbar fluid className="navbar-custom">
+        <Navbar.Header>
+          <Navbar.Brand>
+            <a role="button" tabIndex={0} onClick={() => Aviator.navigate('/home')} >
+              Chemotion-Repository</a>
+          </Navbar.Brand>
+          <Navbar.Toggle />
+        </Navbar.Header>
+        <Navbar.Collapse>
+          {userBar}
+          <Nav>
+            {currentUser ?
+              <NavItem eventKey={1} href="/mydb" className="white-nav-item">
+                My DB
+              </NavItem>
+              : null }
+            <NavItem eventKey={2} onClick={() => Aviator.navigate('/home/publications')} className="white-nav-item" >
+              Publications
+            </NavItem>
+            { currentUser ?
+              <NavItem eventKey={3} onClick={() => Aviator.navigate('/home/review')} className="white-nav-item" >
+                Review
+              </NavItem> : null
+            }
+            {currentUser ?
+              <NavItem eventKey={6} onClick={() => Aviator.navigate('/home/embargo')} className="white-nav-item" >
+                Embargoed Publications
+              </NavItem> : null
+            }
+            {
+              true ?
+                <NavItem eventKey={4} onClick={() => Aviator.navigate('/home/newsroom')} className="white-nav-item">
+                  Newsroom&nbsp;<i className="fa fa-bullhorn" aria-hidden="true" />
+                </NavItem> : null
+            }
+            {
+              true ?
+                <NavItem eventKey={5} onClick={() => Aviator.navigate('/home/howto')} className="white-nav-item">
+                  How-To&nbsp;<i className="fa fa-question-circle" aria-hidden="true" />
+                </NavItem> : null
+            }
+          </Nav>
+        </Navbar.Collapse>
+      </Navbar>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoAbout.js b/app/assets/javascripts/libHome/RepoAbout.js
new file mode 100644
index 000000000..c9acbacd1
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoAbout.js
@@ -0,0 +1,164 @@
+import React from 'react';
+import { Col, Row, Panel } from 'react-bootstrap';
+
+const RepoAbout = () => {
+  const bodyStyle = {
+    maxHeight: 'calc(100vh - 262px)',
+    overflowY: 'auto',
+    backgroundColor: '#f5f5f5',
+    borderRadius: '6px',
+    padding: '30px',
+    textAlign: 'center'
+  };
+
+  return (
+    <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+      <Col md={3} />
+      <Col md={6}>
+        <Panel style={{ border: 'none' }}>
+          <Panel.Heading style={{ backgroundColor: 'white', border: 'none' }}>
+            <CardIcons />
+          </Panel.Heading>
+          <Panel.Body style={bodyStyle}>
+            <CardAbout />
+          </Panel.Body>
+        </Panel>
+      </Col>
+      <Col md={3} />
+    </Row>
+  );
+};
+
+const CardIcons = () =>
+  (
+    <div className="card-icons">
+      <Col md={4}>
+        <img src="/images/repo/KIT.png" alt="Karlsruhe Institute of Technology" />
+      </Col>
+      <Col md={4}>
+        <img src="/images/repo/chemotion_full.svg" alt="" />
+      </Col>
+      <Col md={4}>
+        <img src="/images/repo/dfg_logo.png" alt="" />
+      </Col>
+    </div>
+  );
+
+const CardAbout = () =>
+  (
+    <div>
+      <p>This development is part of the work of the Stefan Bräse group at the KIT.</p>
+      <br />
+      <h1>Brief project description</h1>
+      <div style={{ textAlign: 'justify' }}>
+        <p>This project aims for the development of a freely available
+          infrastructure for research data management through the development
+          of two independent IT systems namely an electronic laboratory notebook
+          (ELN) and a chemistry web repository. With the tools that will be
+          established by our project group it will be possible to integrate
+          modern web-techniques into the routine work of academic researchers,
+           thereby increasing the amount of available data and improving the
+           quality of the information obtained and published.
+        </p>
+        <p>The aim of this project is to make a substantial contribution to
+          securing research results in a cost-effective and simple manner,
+          and to optimally network in particular chemists (initially with each
+            other and in a second step with other disciplines). The new model
+             provides a combination of recording and documentation as well as
+             publication and storage of data sets.
+        </p>
+        <p>The necessary IT structures for modern documentation of
+          research data are developed within the scope of this project,
+          will be summarized in an electronic laboratory notebook (ELN) and will
+           be provided and distributed as OPEN SOURCE. The ELN will be completed
+           by the establishment and hosting of the web-repository, for which a
+           direct connection to the ELN enables a fast and easy transfer of
+           selected research information.
+        </p>
+        <p>Free access and free use by academic researchers is
+          one principle of this project allowing and promoting collaborative
+          work and scientific exchange among scientists.
+        </p>
+      </div>
+      <br />
+      <h3>Imprint</h3>
+      <h4>Karlsruhe Institute of Technology</h4>
+      <h4>Leader of the research group</h4>
+      <p>Prof. Stefan Bräse </p>
+      <p>Institute of Organic Chemistry</p>
+      <p>Fritz-Haber-Weg 6, Geb. 30.42</p>
+      <p>76131 Karlsruhe </p>
+      <p>Germany</p>
+      <br />
+      <p>Institute of Biological and Chemical Systems – Functional Molecular Systems (IBCS-FMS)</p>
+      <p>Hermann-von-Helmholtz-Platz 1, Geb. 341</p>
+      <p>76344 Eggenstein-Leopoldshafen</p>
+      <p>Phone: +49 721 608 42903</p>
+      <p>Fax: +49 721 608 48581</p>
+      <br />
+      <p />
+      <a href="http://www.ioc.kit.edu/braese/" target="_blank" rel="noopener noreferrer">Homepage Prof. Bräse</a>
+      <br />
+      <h4>Office Campus North (KIT)</h4>
+      <p>Dr. Nicole Jung, Dr. Pierre Tremouilhac</p>
+      <p>Institute of Organic Chemistry</p>
+      <p>Institute of Biological and Chemical Systems – Functional Molecular Systems</p>
+      <p>Hermann-von-Helmholtz-Platz 1</p>
+      <p>76344 Eggenstein-Leopoldshafen </p>
+      <p>Germany</p>
+      <p>Phone: +49 721 608 24697 </p>
+      <br />
+      <h4>Authors</h4>
+      <p>Prof. Stefan Braese</p>
+      <p>Dr. Nicole Jung, Dr. Pierre Tremouilhac</p>
+      <br />
+      <h3>Copyright Notices</h3>
+      <div style={{ textAlign: 'justify' }}>
+        <p>
+          During the submission process, the submitter of a publication can choose,
+          between several CC licenses, which license to apply to the submitted work.
+          As the result, the content of this repository database
+          (including the submitted publication files) is partly licensed under:
+        </p>
+        <ul>
+          <li>
+            <a rel="license noreferrer noopener" target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/">
+              <img src="/images/creative_common/cc-by-sa.svg" alt="cc-by-sa-4" style={{ borderWidth: 0, height: '31px', width: '88px' }} />
+            </a> Creative Commons Attribution-ShareAlike 4.0 International License (default),
+          </li>
+          <li>
+            <a rel="license noreferrer noopener" target="_blank" href="https://creativecommons.org/licenses/by/4.0/">
+              <img src="/images/creative_common/cc-by.svg" alt="cc-by-4" style={{ borderWidth: 0, height: '31px', width: '88px' }} />
+            </a> Creative Commons Attribution 4.0 International License, and
+          </li>
+          <li>
+            <a rel="license noreferrer noopener" target="_blank" href="https://creativecommons.org/publicdomain/zero/1.0/">
+              <img src="/images/creative_common/cc-zero.svg" alt="cc-zero" style={{ borderWidth: 0, height: '31px', width: '88px' }} />
+            </a> Creative Commons Universal License
+          </li>
+        </ul>
+        <p>
+          The source code of the chemotion REPOSITORY web server and client is currently licensed under the <a rel="license" href="https://github.com/ComPlat/chemotion_REPO/blob/chemotion_REPO/LICENSE" > GNU Affero General Public License v3.0</a>.
+          The code can be found on <a href="https://github.com/complat/chemotion_REPO" target="_blank" rel="noopener noreferrer">github</a>.
+        </p>
+        <p>DOI®, DOI.ORG®, and shortDOI® are trademarks of the International DOI Foundation.</p>
+        <br />
+      </div>
+
+      <h3>Content</h3>
+      <div style={{ textAlign: 'justify' }} >
+        <p>
+          All texts, pictures and other information published here are subject to
+          copyright. The logo may not be used without the prior consent
+          of the working group.
+          A change of the logo is not permitted. The contents of our website are
+          created with the utmost care. Nevertheless, no guarantee for topicality
+          and completeness can be taken over. The Compound Platform does not
+          assume any responsibility for any web content connected by a link,
+          as this is not its own content.
+        </p>
+      </div>
+    </div>
+  );
+
+export default RepoAbout;
diff --git a/app/assets/javascripts/libHome/RepoCommon.js b/app/assets/javascripts/libHome/RepoCommon.js
new file mode 100644
index 000000000..4e2657c17
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoCommon.js
@@ -0,0 +1,2302 @@
+import React, { Component } from 'react';
+import SVG from 'react-inlinesvg';
+import { replace, startsWith, filter, flatMap, map } from 'lodash';
+import {
+  Button,
+  Checkbox,
+  Col,
+  ControlLabel,
+  Form,
+  FormControl,
+  FormGroup,
+  Grid,
+  InputGroup,
+  Label,
+  OverlayTrigger,
+  Panel,
+  Row,
+  Table,
+  Tooltip,
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import Clipboard from 'clipboard';
+import moment from 'moment';
+import Select from 'react-select';
+import uuid from 'uuid';
+import ContainerComponent from './ContainerComponent';
+import Formula from '../components/common/Formula';
+import PubchemLabels from '../components/PubchemLabels';
+import QuillViewer from '../components/QuillViewer';
+import { ChemotionTag } from '../components/PublishCommon';
+import Sample from '../components/models/Sample';
+import Reaction from '../components/models/Reaction';
+import PrintCodeButton from '../components/common/PrintCodeButton';
+import { stopBubble } from '../components/utils/DomHelper';
+import RepoContainerDatasets from './RepoContainerDatasets';
+import ImageModal from '../components/common/ImageModal';
+import Utils from '../components/utils/Functions';
+import { hNmrCheckMsg, cNmrCheckMsg } from '../components/utils/ElementUtils';
+import { contentToText } from '../components/utils/quillFormat';
+import { chmoConversions } from '../components/OlsComponent';
+import DropdownButtonSelection from '../components/common/DropdownButtonSelection';
+import InputButtonField from '../components/common/InputButtonField';
+import RepoReactionSchemeInfo from './RepoReactionSchemeInfo';
+import PublicActions from '../components/actions/PublicActions';
+import RepoCommentBtn from '../components/common/RepoCommentBtn';
+
+const ChemotionId = props => (
+  <h5>
+    <b>ID: </b>
+    <Button key={`reaction-jumbtn-${props.id}`} bsStyle="link" onClick={() => { window.location = `/pid/${props.id}`; }}>
+      {props.type === 'reaction' ? 'CRR' : 'CSR'}-{props.id}
+    </Button><ClipboardCopyBtn text={`https://www.chemotion-repository.net/pid/${props.id}`} />
+  </h5>
+);
+ChemotionId.propTypes = {
+  id: PropTypes.number.isRequired,
+  type: PropTypes.oneOf(['sample', 'reaction']).isRequired
+};
+
+const SchemeWord = () => <span className="reaction-scheme-word">(scheme)</span>;
+
+
+const AuthorTitle = (authorIds) => {
+  if (authorIds && authorIds.length > 1) {
+    return 'Authors:';
+  }
+  if (authorIds && authorIds.length === 1) {
+    return 'Author:';
+  }
+  return '';
+}
+
+const NewsroomTemplate = {
+  title: '', content: {}, article: []
+};
+
+const RequiredLabel = (props) => {
+  return (
+    <OverlayTrigger
+      placement={props.placement}
+      overlay={<Tooltip id={uuid.v4()}>This field is required for publication</Tooltip >}
+    >
+      <i className="fa fa-exclamation-circle field_required" aria-hidden="true" />
+    </OverlayTrigger >
+  );
+};
+
+RequiredLabel.propTypes = {
+  placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']).isRequired
+};
+
+const HomeFeature = (props) => {
+  return (
+    <div className="feature-block">
+      <h3><div><i className={`${props.fa}`} aria-hidden="true" /></div>&nbsp;{props.title}</h3>
+      <p>
+        {props.intro}
+      </p>
+    </div>
+  );
+};
+
+HomeFeature.propTypes = {
+  fa: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  intro: PropTypes.string.isRequired
+};
+
+const LicenseLegalCode = (cp) => {
+  let presentLicense = 'Creative Commons Attribution-ShareAlike 4.0 International License';
+  let presentHref = 'https://creativecommons.org/licenses/by-sa/4.0/legalcode';
+  switch (cp) {
+    case 'CC BY-SA':
+      presentLicense = 'Creative Commons Attribution-ShareAlike 4.0 International License';
+      presentHref = 'https://creativecommons.org/licenses/by-sa/4.0/legalcode';
+      break;
+    case 'CC BY':
+      presentLicense = 'Creative Commons Attribution 4.0 International License';
+      presentHref = 'https://creativecommons.org/licenses/by/4.0/legalcode';
+      break;
+    case 'CC0':
+      presentLicense = 'CC0 1.0 Universal';
+      presentHref = 'https://creativecommons.org/publicdomain/zero/1.0/legalcode';
+      break;
+    default:
+      break;
+  }
+  return <span><b>{presentLicense}</b>&nbsp;<a rel="noreferrer noopener" target="_blank" href={presentHref}>View Legal Code</a></span>;
+};
+
+const nmrMsg = (sample, container) => {
+  if (sample.molecule && container.extended_metadata &&
+    (typeof container.extended_metadata.kind === 'undefined' ||
+      (container.extended_metadata.kind.split('|')[0].trim() !== chmoConversions.nmr_1h.termId && container.extended_metadata.kind.split('|')[0].trim() !== chmoConversions.nmr_13c.termId)
+    )) {
+    return '';
+  }
+  const nmrStr = container.extended_metadata && contentToText(container.extended_metadata.content);
+
+  if (container.extended_metadata.kind.split('|')[0].trim() === chmoConversions.nmr_1h.termId) {
+    const msg = hNmrCheckMsg(sample.molecule.sum_formular, nmrStr);
+    return msg === '' ? (<div style={{ display: 'inline', color: 'green' }}>&nbsp;<i className="fa fa-check" /></div>) : (<div style={{ display: 'inline', color: 'red' }}>&nbsp;(<sup>1</sup>H {msg})</div>);
+  } else if (container.extended_metadata.kind.split('|')[0].trim() === chmoConversions.nmr_13c.termId) {
+    const msg = cNmrCheckMsg(sample.molecule.sum_formular, nmrStr);
+    return msg === '' ? (<div style={{ display: 'inline', color: 'green' }}>&nbsp;<i className="fa fa-check" /></div>) : (<div style={{ display: 'inline', color: 'red' }}>&nbsp;(<sup>13</sup>C {msg})</div>);
+  }
+  return '';
+};
+
+// the requirements for file types as given
+const isFileTypePass = (analysisType, attachments) => {
+  const baseType = ['jpg', 'jpeg', 'png', 'tiff'];
+  const nmrType = ['jcamp', 'dx', 'jdx'];
+  let files = [];
+  switch (analysisType) {
+    case '1H NMR':
+    case chmoConversions.nmr_1h.termId:
+    case '13C NMR':
+    case chmoConversions.nmr_13c.termId:
+    case '15N NMR':
+    case 'NMR':
+    case 'IR':
+    case chmoConversions.ir.termId:
+      files = attachments.filter(f => baseType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      files = attachments.filter(f => nmrType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      break;
+    case 'EA':
+    case chmoConversions.ea.termId:
+    case 'X-Ray':
+    case 'Crystall-Structure':
+    case chmoConversions.crystal_structure.termId:
+      files = attachments.filter(f => baseType.includes(f.filename.split('.').pop().toLowerCase()) && !f.is_deleted);
+      if (files.length < 1) return false;
+      break;
+    default:
+      break;
+  }
+  return true;
+};
+
+// at least one dataset has to be attached
+// in dataset: instrument has to be given
+const isDatasetPass = (analysis) => {
+  const dataset = analysis.children;
+  const attachments = dataset.filter(d => d.attachments.length > 0 && !d.is_deleted);
+  if (attachments.length < 1) return false;
+  const instruments = dataset.filter(d => d.extended_metadata && (d.extended_metadata.instrument || '').trim() !== '' && !d.is_deleted);
+  if (instruments.length < 1) return false;
+  const analysisType = (analysis.extended_metadata.kind || '').split('|').shift().trim();
+  const files = attachments.filter(d => isFileTypePass(analysisType, d.attachments));
+  if (files.length < 1) return false;
+  return true;
+};
+
+const isNmrPass = (analysis, sample) => {
+  const nmrStr = analysis.extended_metadata && contentToText(analysis.extended_metadata.content);
+  const nmrType = analysis.extended_metadata && (analysis.extended_metadata.kind || '').split('|').shift().trim();
+  if (nmrType !== '1H NMR' && nmrType !== '13C NMR' && nmrType !== chmoConversions.nmr_1h.termId && nmrType !== chmoConversions.nmr_13c.termId) return true;
+  if (nmrType === '1H NMR' || nmrType === chmoConversions.nmr_1h.termId) {
+    return hNmrCheckMsg(sample.molecule.sum_formular, nmrStr) === '';
+  } else if (nmrType === '13C NMR' || nmrType === chmoConversions.nmr_13c.termId) {
+    return cNmrCheckMsg(sample.molecule.sum_formular, nmrStr) === '';
+  }
+  return true;
+};
+
+const DownloadMetadataBtn = (l) => {
+  const contentUrl = `/api/v1/public/metadata/download?type=${l.type}&id=${l.id}`;
+  return (
+    <OverlayTrigger
+      placement="bottom"
+      overlay={<Tooltip id={`tt_metadata__${uuid.v4()}`}>download published metadata</Tooltip>}
+    >
+      <Button
+        bsSize="xsmall"
+        onClick={() => Utils.downloadFile({
+          contents: contentUrl
+        })}
+      >
+        <i className="fa fa-file-code-o" />
+      </Button>
+    </OverlayTrigger>
+  );
+};
+
+const DownloadDOICsv = (e, a) => {
+  const dataToCsvURI = data => encodeURI(`data:text/csv;charset=utf-8,${data.map(row => row.join(',')).join('\n')}`);
+  const dois = [];
+  dois.push(['Reserved DOIs', '']);
+  dois.push(['', '']);
+
+  if (e.tag.taggable_data.reserved_doi) dois.push([e.type.charAt(0).toUpperCase() + e.type.slice(1), `DOI: ${e.tag.taggable_data.reserved_doi}`]);
+  a.forEach((an) => {
+    if (an.extended_metadata.reserved_doi) dois.push([`${an.name} - ${an.extended_metadata.kind}`, `DOI: ${an.extended_metadata.reserved_doi}`]);
+  });
+
+  if (e.type === 'reaction') {
+    // product(sample)
+    if (e.products !== null && e.products.length > 0) {
+      e.products.forEach((p) => {
+        if (p.tag.taggable_data.reserved_doi) dois.push([`Product ${p.name}`, `DOI: ${p.tag.taggable_data.reserved_doi}`]);
+        p.analysisArray().forEach((an) => {
+          if (an.extended_metadata.reserved_doi) dois.push([`${an.name} - ${an.extended_metadata.kind}`, `DOI: ${an.extended_metadata.reserved_doi}`]);
+        });
+      });
+    }
+  }
+  Utils.downloadFile({ contents: dataToCsvURI(dois), name: 'export_dois.csv' });
+};
+
+class EmbargoCom extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isShow: false
+    };
+    this.handleEmbargoChange = this.handleEmbargoChange.bind(this);
+  }
+
+  handleEmbargoChange(e) {
+    this.props.onEmbargoChange(e.value);
+  }
+
+  handleLicenseChange(e) {
+    this.props.onLicenseChange(e.value);
+  }
+
+  handleCC0ConsentChange(e, type) {
+    this.props.onCC0ConsentChange(e.target.checked, type);
+  }
+
+  render() {
+    const defaultBundles = [
+      { value: '-1', name: 'no', label: 'No embargo' },
+      { value: '0', name: 'new', label: '--Create a new Embargo Bundle--' },
+    ];
+    const licenses = [
+      { name: 'CC BY-SA', value: 'CC BY-SA', label: 'CC BY-SA' },
+      { name: 'CC BY', value: 'CC BY', label: 'CC BY' },
+      { name: 'CC0', value: 'CC0', label: 'CC0' }
+    ];
+
+    const bundles = defaultBundles.concat(this.props.opts);
+    const description = [
+      'Please use the embargo if you do not wish your data to be published as soon as they are  processed but want to release them yourself at a later stage.',
+      'Please use one bundle for data that belongs to the same publication.',
+      'If you create data for more than one publication, please take care that you assign the data to the right bundle.'
+    ].join(' ');
+    const { isShow } = this.state;
+    const embargoDesc = isShow ? (
+      <div style={{
+        padding: '10px', backgroundColor: '#dfdfdf', borderRadius: '3px', width: '100%'
+      }}
+      >
+        <b>Embargo Bundle</b>&#58;&nbsp;{description}
+      </div>
+    ) : (null);
+
+    const cc0Consent1 = 'I hereby waive all copyright and related or neighboring rights together with all associated claims and causes of action with respect to this work to the extent possible under the law.';
+    const cc0Consent2 = 'I have read and understand the terms and intended legal effect of CC0, and hereby voluntarily elect to apply it to this work.';
+    const deed = (
+      <div style={{
+        padding: '10px', borderRadius: '3px', borderColor: 'darkred', borderStyle: 'solid', borderWidth: 'thin', width: '100%'
+      }}
+      >
+        {LicenseLegalCode(this.props.selectedLicense)}
+        {
+        this.props.selectedLicense === 'CC0' ?
+          (
+            <div stye={{ width: '100%' }}>
+              <Checkbox checked={this.props.cc0Deed.consent1} onChange={e => this.handleCC0ConsentChange(e, 'consent1')}>
+                {cc0Consent1}
+              </Checkbox>
+              <Checkbox checked={this.props.cc0Deed.consent2} onChange={e => this.handleCC0ConsentChange(e, 'consent2')}>
+                {cc0Consent2}
+              </Checkbox>
+            </div>
+          )
+          :
+          (null)
+      }
+      </div>
+    );
+
+    return (
+      <div>
+        <Form horizontal style={{ display: 'flex' }}>
+          <div style={{ width: '20%', textAlign: 'right' }}>
+            <ControlLabel>Choose license&nbsp;</ControlLabel>
+          </div>
+          <div style={{ width: '20%' }}>
+            <Select
+              value={this.props.selectedLicense}
+              onChange={e => this.handleLicenseChange(e)}
+              options={licenses}
+              className="select-assign-collection"
+            />
+          </div>
+          <div style={{ width: '40%', textAlign: 'right' }}>
+            <ControlLabel>Publish with Embargo Bundle</ControlLabel>&nbsp;
+            <div role="button" style={{ display: 'inline' }} onClick={() => this.setState({ isShow: !isShow })}>
+              <i className="fa fa-question-circle" aria-hidden="true" />
+            </div>&nbsp;
+          </div>
+          <div style={{ width: '40%' }}>
+            <Select
+              value={this.props.selectedValue}
+              onChange={e => this.handleEmbargoChange(e)}
+              options={bundles}
+              className="select-assign-collection"
+            />
+          </div>
+        </Form>
+        {embargoDesc}
+        {deed}
+      </div >
+    );
+  }
+}
+
+EmbargoCom.propTypes = {
+  opts: PropTypes.array,
+  selectedValue: PropTypes.string.isRequired,
+  onEmbargoChange: PropTypes.func.isRequired,
+  selectedLicense: PropTypes.string,
+  onLicenseChange: PropTypes.func.isRequired,
+  onCC0ConsentChange: PropTypes.func.isRequired,
+  cc0Deed: PropTypes.shape({
+    consent1: PropTypes.bool.isRequired,
+    consent2: PropTypes.bool.isRequired
+  })
+};
+
+EmbargoCom.defaultProps = {
+  opts: [],
+  selectedLicense: 'CC BY-SA',
+  cc0Deed: { consent1: false, consent2: false }
+};
+
+const PublishTypeAs = (props) => {
+  return (
+    <div style={{ display: 'inline' }}>
+      <OverlayTrigger placement="bottom" overlay={<Tooltip id="tip_publish_as">Choose the publication type as Full or Scheme-Only</Tooltip>}>
+        <i className="fa fa-question-circle" aria-hidden="true" />
+      </OverlayTrigger>&nbsp;
+      <DropdownButtonSelection
+        options={props.options}
+        selected={props.selected}
+        placeholder="Select publication type..."
+        onSelect={e => props.onChange(e)}
+      />
+    </div>
+  );
+};
+
+PublishTypeAs.propTypes = {
+  options: PropTypes.arrayOf(PropTypes.string),
+  selected: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+};
+
+PublishTypeAs.defaultProps = {
+  options: [],
+  selected: 'full',
+};
+
+
+const ElStateLabel = (state) => {
+  let stateStyle;
+  switch (state) {
+    case 'reviewed':
+      stateStyle = 'info';
+      break;
+    case 'pending':
+      stateStyle = 'warning';
+      break;
+    case 'accepted':
+      stateStyle = 'success';
+      break;
+    default:
+      stateStyle = 'default';
+  }
+  return <Label bsStyle={stateStyle}>{state}</Label>;
+};
+
+
+const MoveEmbargoedBundle = (element, onMoveClick) => {
+  return (
+    <OverlayTrigger placement="bottom" overlay={<Tooltip id="moveEmbargo">Move to another embargoed bundle</Tooltip>}>
+      <Button bsSize="xsmall" onClick={() => onMoveClick(element)}><i className="fa fa-exchange" aria-hidden="true" /></Button>
+    </OverlayTrigger>
+  );
+};
+
+const ElSubmitTime = (submitAt) => {
+  const time = new Date(submitAt);
+  return `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} ${time.getHours()}:${time.getMinutes()} `;
+};
+
+const SvgPath = (svg, type) => {
+  if (svg && svg !== '***') {
+    if (type === 'Reaction') {
+      return `/images/reactions/${svg}`;
+    }
+    return `/images/samples/${svg}`;
+  }
+  return 'images/wild_card/no_image_180.svg';
+};
+
+const ElAspect = (e, onClick, user = null, currentElement = null, onMoveClick) => {
+  if (!e) {
+    return '';
+  }
+  let listClass;
+  if (e.type === 'Reaction') {
+    listClass = (currentElement !== null && currentElement.reaction && currentElement.reaction.id === e.id) ? 'list_focus_on' : 'list_focus_off';
+  } else {
+    listClass = (currentElement !== null && currentElement.sample && currentElement.sample.id === e.id) ? 'list_focus_on' : 'list_focus_off';
+  }
+  const schemeOnly = (e && e.scheme_only === true) || false;
+  return (
+    <tr
+      key={e.id}
+      className={listClass}
+      onClick={() => onClick(e.type.toLowerCase(), e.id)}
+    >
+      <td style={{ position: 'relative' }} >
+        <span className="review_element_label">
+          <IconToMyDB isLogin id={e.id} type={e.type.toLowerCase()} />{schemeOnly ? <SchemeWord /> : ''}&nbsp;{e.title}
+        </span>
+        &nbsp;By&nbsp;{e.published_by}&nbsp;at&nbsp;
+        {ElSubmitTime(e.submit_at)}&nbsp;{user !== null && user.type === 'Anonymous' ? '' : ElStateLabel(e.state)}
+        &nbsp;{user !== null && user.type === 'Anonymous' ? '' : MoveEmbargoedBundle(e, onMoveClick)}
+        <div>
+          <SVG src={SvgPath(e.svg, e.type)} className="molecule-mid" key={e.svg} />
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+const SampleExactMW = (em) => {
+  if (em) {
+    return (<span>{em.toFixed(6)} g&sdot;mol<sup>-1</sup></span>);
+  }
+  return '';
+};
+
+const DateFormatYMDLong = (params) => {
+  const dateTime = new Date(params);
+  const options = {
+    year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC'
+  };
+  return dateTime.toLocaleDateString('en-GB', options);
+};
+
+const DateFormatDMYTime = (dt) => {
+  if (dt == null || typeof dt === 'undefined') return '';
+  try {
+    const m = moment(dt, 'DD/MM/YYYY HH:mm:ss');
+    if (m.isValid()) {
+      return dt;
+    }
+    const dtJSON = new Date(dt).toJSON();
+    const dtISO = new Date(Date.parse(dt)).toISOString();
+    if (dtISO === dtJSON) {
+      return moment.parseZone(new Date(Date.parse(dt))).utc().format('DD/MM/YYYY HH:mm:ss').toString();
+    }
+    return '';
+  } catch (e) {
+    return '';
+  }
+};
+
+const EditorTips = () => {
+  return (
+    <ol>
+      {/* <li>Use <b>Preview</b> to see how your work will look like.</li> */}
+      <li>Use&nbsp;&nbsp;<i className="fa fa-file-text-o" aria-hidden="true" />&nbsp;&nbsp;to open a text editor and add into the content.</li>
+      <li>Use&nbsp;&nbsp;<i className="fa fa-picture-o" aria-hidden="true" />&nbsp;&nbsp;to open a image editor and add into the content.</li>
+      <li>Use&nbsp;&nbsp;<i className="fa fa-arrows" aria-hidden="true" />&nbsp;&nbsp;to change the section order.</li>
+      <li>Use&nbsp;&nbsp;<i className="fa fa-trash-o" aria-hidden="true" />&nbsp;&nbsp;to remove the section from the content.</li>
+      <li>In text editor, use&nbsp;&nbsp;<i className="fa fa-link" aria-hidden="true" />&nbsp;&nbsp;to link to the url.</li>
+    </ol>
+  );
+};
+
+const BackSoonPage = () => {
+  return (
+    <div>
+      <h1>We&rsquo;ll be back soon!</h1>
+      <h3><i className="fa fa-cog fa-spin fa-5x" /></h3>
+      <h3>
+        Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment.
+      </h3>
+      <h3>
+        If you need to you can always <a href="mailto:chemotion@ioc.kit.edu">contact us</a>, otherwise we&rsquo;ll be back online shortly!
+      </h3>
+      <h4>&mdash; ComPlat Team</h4>
+    </div>
+  );
+};
+
+const ShowIndicator = (show) => {
+  return show ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right';
+};
+
+const labelStyle = {
+  display: 'inline-block',
+  marginLeft: '2px',
+  marginRight: '2px'
+};
+
+const IconLicense = (cp, hasCoAuthors = false) => {
+  const presentStyle = { marginTop: '-10px', height: '31px', width: '88px' };
+  let presentHref = 'http://creativecommons.org/licenses/by-sa/4.0/';
+  let presentAlt = 'This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.';
+  let presentPath = '/images/creative_common/cc-by-sa.svg';
+  const cc0Alt = [
+    'To the extent possible under law, the',
+    (hasCoAuthors ? 'persons' : 'person'),
+    'who associated CC0 with this work',
+    (hasCoAuthors ? 'have' : 'has'),
+    'waived all copyright and related or neighboring rights to this work.'
+  ].join(' ');
+
+  switch (cp) {
+    case 'CC BY-SA':
+      presentHref = 'http://creativecommons.org/licenses/by-sa/4.0/';
+      presentAlt = 'This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.';
+      presentPath = '/images/creative_common/cc-by-sa.svg';
+      break;
+    case 'CC BY':
+      presentHref = 'http://creativecommons.org/licenses/by/4.0/';
+      presentAlt = 'This work is licensed under a Creative Commons Attribution 4.0 International License.';
+      presentPath = '/images/creative_common/cc-by.svg';
+      break;
+    case 'CC0':
+      presentHref = 'http://creativecommons.org/publicdomain/zero/1.0/';
+      presentAlt = cc0Alt;
+      presentPath = '/images/creative_common/cc-zero.svg';
+      break;
+    default:
+      break;
+  }
+  return <a rel="noreferrer noopener" target="_blank" href={presentHref}><img src={presentPath} style={presentStyle} alt={presentAlt} title={presentAlt} /></a>;
+};
+
+const IconToMyDB = ({
+  id, type, tooltipTitle = 'Link to My DB', isLogin = false
+}) => {
+  if (isLogin) {
+    return (
+      <OverlayTrigger placement="bottom" overlay={<Tooltip id="printCode">{tooltipTitle}</Tooltip>}>
+        <a
+          style={labelStyle}
+          target="_blank"
+          rel="noreferrer noopener"
+          href={`/mydb/collection/all/${type}/${id}`}
+        >
+          <i className={`icon-${type}`} style={{ fontSize: '1.6em' }} />
+        </a>
+      </OverlayTrigger>
+    );
+  }
+  return (<span style={labelStyle}><i className={`icon-${type}`} style={{ fontSize: '1.6em' }} /></span>);
+};
+
+IconToMyDB.propTypes = {
+  id: PropTypes.number.isRequired,
+  type: PropTypes.string.isRequired,
+  tooltipTitle: PropTypes.string,
+  isLogin: PropTypes.bool,
+}
+
+IconToMyDB.defaultProps = {
+  tooltipTitle: 'Link to My DB',
+  isLogin: false
+}
+
+const SidToPubChem = ({ sid }) => {
+  let labelStyle = {
+    // display: 'inline-block',
+    marginLeft: '2px',
+    marginRight: '2px',
+    //position: 'absolute',
+    fontSize: 'xx-large'
+  };
+  if (!sid || isNaN(sid)) {
+    labelStyle.WebkitFilter = "grayscale(100%)"
+  }
+  const handleOnClick = (e) => {
+    if (sid && !isNaN(sid)){
+      window.open("https://pubchem.ncbi.nlm.nih.gov/substance/" + sid, '_blank')
+    }
+    e.stopPropagation()
+  }
+
+  if (sid && !isNaN(sid)){
+    return (
+      <span style={labelStyle} onClick={handleOnClick}>
+        <img src="/images/wild_card/pubchem_sid.svg" className="pubchem-logo" />
+      </span>
+    )
+    }else {
+      return <span />
+  }
+}
+
+SidToPubChem.propTypes = {
+  sid: PropTypes.string
+}
+
+const ElementIcon = (elementType) => {
+  switch (elementType) {
+    case 'Reaction':
+      return <i className="icon-reaction" style={{ fontSize: '1.5em', verticalAlign: 'middle' }} />;
+    case 'Sample':
+      return <i className="icon-sample" style={{ fontSize: '1.5em', verticalAlign: 'middle' }} />;
+    default:
+      return <div />;
+  }
+};
+
+const AnalysesTypeJoinLabel = (analyses, type) => {
+  const regExp = /\(([^)]+)\)/;
+  const analysesTypeJoin = analyses.map((analysis) => {
+    let kind = (regExp.exec(analysis.extended_metadata['kind'] || '') || ['']).pop().trim();
+    if (kind === '') {
+      kind = (analysis.extended_metadata['kind'] || '').split('|').pop().trim();
+    }
+    return kind;
+  }).join(', ');
+
+  return analysesTypeJoin === '' ? analysesTypeJoin :
+    (
+      <div style={{ display: 'inline-block', whiteSpace: 'pre-line', textAlign: 'left', verticalAlign: 'middle' }}>
+        <small><b>{ElementIcon(type)}</b></small>{' '}{analysesTypeJoin}
+      </div>
+    );
+};
+
+const PreviewImage = (container) => {
+  const rawImg = container.preview_img;
+  const noAttSvg = '/images/wild_card/no_attachment.svg';
+  const noAvaSvg = '/images/wild_card/not_available.svg';
+  switch (rawImg) {
+    case null:
+    case undefined:
+      return noAttSvg;
+    case 'not available':
+      return noAvaSvg;
+    default:
+      return `data:image/png;base64,${rawImg}`;
+  }
+};
+
+const CalcDuration = (reaction) => {
+  let duration = null;
+
+  if (reaction.duration && !!reaction.duration.match(/\d+/)) {
+    return reaction.duration;
+  }
+
+  if (reaction.timestamp_start && reaction.timestamp_stop) {
+    const start = moment(reaction.timestamp_start, 'DD-MM-YYYY HH:mm:ss');
+    const stop = moment(reaction.timestamp_stop, 'DD-MM-YYYY HH:mm:ss');
+    if (start < stop) {
+      duration = moment.preciseDiff(start, stop);
+    }
+  }
+  if (duration == null) {
+    return '';
+  }
+  return duration;
+};
+
+const AuthorList = ({ creators, affiliationMap }) => {
+  return (
+    <span>
+      {creators.map(
+        (creator, i) => (
+          <span key={`auth_${creator.id}_${uuid.v4()}`}>
+            {i === 0 ? null : ' - '}{creator.name}
+            <sup>
+              {creator.affiliationIds && creator.affiliationIds.map(e => affiliationMap[e]).sort().join()}
+            </sup>
+          </span>
+        )
+      )}
+    </span>
+  );
+};
+
+AuthorList.propTypes = {
+  creators: PropTypes.array,
+  affiliationMap: PropTypes.object,
+};
+
+AuthorList.defaultProps = {
+  creators: [],
+  affiliationMap: {},
+};
+
+const ContributorInfo = ({ contributor }) => {
+  if (!contributor.name) {
+    return <div />;
+  }
+  return (
+    <div>
+      <h5>
+        <b>Contributor: </b>{contributor.name}
+      </h5>
+      <div>
+        {contributor.affiliations && contributor.affiliations.map(
+          (e, i) => <p style={{ fontSize: 'small' }} key={uuid.v4()}>{i + 1}. {e}</p>
+        )}
+      </div>
+    </div>
+  );
+};
+
+ContributorInfo.propTypes = {
+  contributor: PropTypes.object,
+};
+
+ContributorInfo.defaultProps = {
+  contributor: {},
+};
+
+const AffiliationList = ({ affiliations, affiliationMap }) => {
+  const names = [];
+  Object.keys(affiliationMap).map((affiliationId) => {
+    const ind = affiliationMap[affiliationId];
+    names[ind] = affiliations[affiliationId];
+    return null;
+  });
+  return (
+    <div>
+      {names.map(
+        (e, i) => (i === 0 ? null : <p style={{ fontSize: 'small' }} key={'affil_'+i}>{i}. {e}</p>)
+      )}
+    </div>
+  );
+}
+AffiliationList.propTypes = {
+  affiliations: PropTypes.object,
+  affiliationMap: PropTypes.object,
+};
+
+AffiliationList.defaultProps = {
+  affiliations: {},
+  affiliationIds: {},
+};
+
+class ClipboardCopyLink extends Component {
+  constructor(props) {
+    super(props)
+    this.clipboard = new Clipboard('.clipboardBtn');
+  }
+
+  render() {
+    return (
+      <OverlayTrigger
+        placement="bottom"
+        overlay={<Tooltip id="copy_clipboard">copy to clipboard</Tooltip>}
+      >
+        <div style={{ display: 'inline' }} role="button" data-clipboard-text={this.props.text || ' '} className="clipboardBtn" >{this.props.text}</div>
+      </OverlayTrigger>
+    );
+  }
+}
+
+class ClipboardCopyBtn extends Component {
+  constructor(props) {
+    super(props)
+    this.clipboard = new Clipboard('.clipboardBtn');
+  }
+
+  render() {
+    return (
+      <OverlayTrigger
+        placement="bottom"
+        overlay={<Tooltip id="copy_clipboard">copy to clipboard</Tooltip>}
+      >
+        <Button className="clipboardBtn" data-clipboard-text={this.props.text || ' '} bsSize="xsmall" >
+          <i className="fa fa-clipboard" />
+        </Button>
+      </OverlayTrigger>
+    );
+  }
+}
+
+
+
+const MoleculeInfo = ({ molecule, sample_svg_file='' }) => {
+  let svgPath = `/images/molecules/${molecule.molecule_svg_file}`;
+  if (sample_svg_file && sample_svg_file != '') {
+    svgPath = `/images/samples/${sample_svg_file}`;
+  }
+  const tagData = molecule.tag && molecule.tag.taggable_data;
+  const pubchemInfo = {
+    pubchem_tag: { pubchem_cid: tagData && tagData.pubchem_cid }
+  };
+  const nameOrFormula = molecule.iupac_name && molecule.iupac_name !== ''
+    ? <h4><b>IUPAC Name: </b> {molecule.iupac_name} (<Formula formula={molecule.sum_formular} />)</h4>
+    : <h4><b>Formula: </b> <Formula formula={molecule.sum_formular} /></h4>;
+  return (
+    <Row>
+      <Col sm={4} md={4} lg={4}>
+        <SVG key={svgPath} src={svgPath} className="molecule-mid" />
+      </Col>
+      <Col sm={8} md={8} lg={8}>
+        {nameOrFormula}
+        <br />
+        <h5><b>Canonical Smiles: </b> <ClipboardCopyLink text={molecule.cano_smiles} /></h5>
+        <h5><b>Inchi: </b> <ClipboardCopyLink text={molecule.inchistring} /></h5>
+        <h5><b>Inchikey: </b> <ClipboardCopyLink text={molecule.inchikey} /></h5>
+        <h5><b>Exact Mass: </b> {SampleExactMW(molecule.exact_molecular_weight)}</h5>
+        <br />
+        <h5>
+          <b>Crosslinks: </b>
+          &nbsp;&nbsp;
+          <PubchemLabels element={pubchemInfo} />
+          <ChemotionTag tagData={tagData} />
+        </h5>
+      </Col>
+    </Row>
+  );
+};
+
+class RenderAnalysisHeader extends Component {
+  constructor(props) {
+    super();
+  }
+
+  render() {
+    const svgPath = `/images/samples/${this.props.element.sample_svg_file}`;
+    let doiLink = '';
+    if (this.props.isPublic) {
+      doiLink = this.props.element.tag && this.props.element.tag.taggable_data && this.props.element.tag.taggable_data.publication && this.props.element.tag.taggable_data.publication.doi;
+    } else {
+      doiLink = (this.props.element.doi && this.props.element.doi.full_doi) || '';
+    }
+
+    const nameOrFormula = this.props.element.molecule.iupac_name && this.props.element.molecule.iupac_name !== ''
+      ? <span><b>IUPAC Name: </b> {this.props.element.molecule.iupac_name} (<Formula formula={this.props.element.molecule.sum_formular} />)</span>
+      : <span><b>Formula: </b> <Formula formula={this.props.element.molecule.sum_formular} /></span>;
+
+    const iupacUserDefined = this.props.element.showed_name == this.props.element.molecule.iupac_name
+      ? <span />
+      : <h5><b>Name: </b> {this.props.element.showed_name} </h5>;
+
+
+    const rinchiStyle = { borderStyle: 'none', boxShadow: 'none' };
+    const crsId = (this.props.element.publication && this.props.element.publication.id) || '';
+    return (
+      <div>
+        <div>
+          <br />
+          <Row style={rinchiStyle}>
+            <Col sm={6} md={6} lg={6}>
+              <SVG key={svgPath} src={svgPath} className="reaction-details" />
+            </Col>
+            <Col sm={6} md={6} lg={6}>
+              <h5>
+                <IconToMyDB isLogin={this.props.isLogin} id={this.props.element.id} type="sample" />
+              <b>Product </b><br /><br />
+                  {nameOrFormula}
+                  {iupacUserDefined}
+              </h5>
+              <h6><b>Canonical Smiles: </b> <ClipboardCopyLink text={this.props.element.molecule.cano_smiles} /></h6>
+              <h6><b>Inchi: </b> <ClipboardCopyLink text={this.props.element.molecule.inchistring} /></h6>
+              <h6><b>Inchikey: </b> <ClipboardCopyLink text={this.props.element.molecule.inchikey} /></h6>
+              <h6><b>Exact Mass: </b> {SampleExactMW(this.props.element.molecule.exact_molecular_weight)}</h6>
+              <h6><b>DOI: </b>
+                {
+                  this.props.isPublic ?
+                  (
+                    <span className="sub-title" inline="true">
+                      <Button bsStyle="link" onClick={() => { window.location = `https://dx.doi.org/${doiLink}`; }}>
+                        {doiLink}
+                      </Button>
+                      <ClipboardCopyBtn text={`https://dx.doi.org/${doiLink}`} />
+                      <DownloadMetadataBtn type="sample" id={this.props.element.id} />
+                    </span>
+                  )
+                  :
+                  (
+                    <span className="sub-title" inline="true">
+                      {doiLink}&nbsp;<ClipboardCopyBtn text={`https://dx.doi.org/${doiLink}`} />
+                    </span>
+                  )
+                }
+              </h6>
+              <h6>
+                <b>ID: </b>
+                <Button key={`reaction-jumbtn-${this.props.element.id}`} bsStyle="link" onClick={() => { window.location = `/pid/${crsId}`; }}>
+                  CRS-{crsId}
+                </Button><ClipboardCopyBtn text={`https://www.chemotion-repository.net/pid/${crsId}`} />
+              </h6>
+
+            </Col>
+          </Row>
+        </div>
+      </div>
+    );
+  }
+}
+
+const ToggleIndicator = ({ onClick, name, indicatorStyle }) => (
+  <span
+    role="presentation"
+    className="label label-default"
+    style={{
+      backgroundColor: '#777777',
+      color: 'white',
+      fontSize: 'smaller',
+      fontWeight: 'bold',
+      cursor: 'pointer'
+    }}
+    onClick={onClick}
+  >
+    {name} &nbsp;<i className={`glyphicon ${indicatorStyle}`} />
+  </span>
+);
+
+ToggleIndicator.propTypes = {
+  indicatorStyle: PropTypes.string,
+  name: PropTypes.string,
+  onClick: PropTypes.func.isRequired,
+};
+
+ToggleIndicator.defaultProps = {
+  indicatorStyle: '',
+  name: '',
+};
+
+
+const ReactionTable = ({
+  reaction, toggle, show, bodyAttrs, isPublic = true
+}) => {
+  let schemes = [];
+  let sumSolvents = 0.0;
+  const showIndicator = (show) ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right';
+
+  const schemeOnly = (reaction && reaction.publication && reaction.publication.taggable_data &&
+    reaction.publication.taggable_data.scheme_only === true) || false;
+
+  if (isPublic) {
+    schemes = reaction.schemes;
+  } else {
+    reaction.starting_materials.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'starting_materials';
+      schemes.push(ns);
+    });
+    reaction.reactants.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'reactants';
+      schemes.push(ns);
+    });
+    reaction.products.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'products';
+      schemes.push(ns);
+    });
+    reaction.solvents.map((s) => {
+      const ns = new Sample(s)
+      sumSolvents += ns.amount_l;
+      ns.mat_group = 'solvents';
+      schemes.push(ns);
+    });
+  }
+
+  const materialCalc = (target, multi, precision) => {
+    return (target ? (target * multi).toFixed(precision) : ' - ')
+  }
+
+  const equivYield = (s, sumSolvents=1.0, isPublic = true) => {
+    let val = 0;
+    switch (s.mat_group) {
+      case 'products':
+        if (schemeOnly === true) {
+          val = `${materialCalc(s.scheme_yield * 100, 1, 0).toString()}%`
+        } else {
+          val = `${materialCalc(s.equivalent * 100, 1, 0).toString()}%`
+        }
+        break;
+      case 'solvents':
+        if (isPublic) {
+          val = `${materialCalc(s.equivalent * 100, 1, 0).toString()}%`
+        } else {
+          val = `${materialCalc((s.amount_l / sumSolvents) * 100, 1, 1).toString()}%`
+        }
+        break;
+      default:
+        val = materialCalc(s.equivalent, 1, 3)
+    }
+    return (
+      val
+    )
+  }
+
+  const rows = (samples) => {
+    let currentType = '';
+
+    return (
+      typeof samples !== 'undefined'
+        ? samples.map((sample, i) => {
+          const matType = sample.mat_group && sample.mat_group[0].toUpperCase() + sample.mat_group.replace('_', ' ').slice(1);
+          let label = isPublic ? sample.iupac_name : sample.molecule_iupac_name;
+          if (sample.mat_group === 'solvents') label = sample.external_label;
+          let title = null;
+          if (currentType !== sample.mat_group) {
+            currentType = sample.mat_group;
+            title = (<tr><td colSpan="7"><b>{matType}</b></td></tr>);
+          }
+          return (
+            <tbody key={i}>
+              {title}
+              <tr>
+                <td style={{ width: '26%' }}>{label}</td>
+                <td style={{ width: '12%' }}>{isPublic ? sample.sum_formular : sample.molecule.sum_formular}</td>
+                <td style={{ width: '14%', textAlign: 'center' }}>{sample.mat_group === 'solvents' ? ' ' : isPublic ? sample.dmv: !sample.has_molarity && !sample.has_density ? '- / -' : sample.has_density ? + sample.density + ' / - ' : ' - / ' + sample.molarity_value + sample.molarity_unit}</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>{sample.mat_group === 'solvents' ? ' - ' : materialCalc(sample.amount_g, 1, 3)}</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>{materialCalc(sample.amount_l, 1000, 3)}</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>{sample.mat_group === 'solvents' ? ' - ' : materialCalc(sample.amount_mol, 1000, 3)}</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>{equivYield(sample, sumSolvents, isPublic)}</td>
+              </tr>
+            </tbody>
+          );
+        })
+        : null
+    )
+  };
+
+  const table = dataRows => (
+    <Table responsive>
+      <thead>
+        <tr>
+          <th>IUPAC</th>
+          <th>Formula</th>
+          <th style={{ textAlign: 'center' }}>Density/Molarity</th>
+          <th style={{ textAlign: 'center' }}>Amount(g)</th>
+          <th style={{ textAlign: 'center' }}>Volume(ml)</th>
+          <th style={{ textAlign: 'center' }}>Amount(mmol)</th>
+          <th style={{ textAlign: 'center' }}>Equiv/Yield</th>
+        </tr>
+      </thead>
+      {dataRows}
+    </Table>
+  );
+
+  return (
+    <span>
+      <ToggleIndicator onClick={toggle} name="Reaction Table" indicatorStyle={showIndicator} />
+      <Panel style={{ border: 'none' }} id="collapsible-panel-scheme" expanded={show} defaultExpanded={show} onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs} >
+            <div>
+              {table(rows(schemes))}
+            </div>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+}
+
+const ReactionRinChiKey = ({
+  reaction, toggle, show, bodyAttrs
+}) => {
+  const showIndicatorRinchi = (show) ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right';
+  return (
+    <span>
+      <ToggleIndicator onClick={toggle} name="RInChiKey Table" indicatorStyle={showIndicatorRinchi} />
+      <Panel style={{ border: 'none' }} id="collapsible-panel-rinchis" expanded={show} defaultExpanded={show} onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs}>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>RInChI</b></Col>
+              <Col sm={10} md={10} lg={10}><ClipboardCopyLink text={replace(reaction.rinchi_string, 'RInChI=', '')} /></Col>
+            </Row>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>Long-RInChIKey</b></Col>
+              <Col sm={10} md={10} lg={10}><ClipboardCopyLink text={replace(reaction.rinchi_long_key, 'Long-RInChIKey=', '')} /></Col>
+            </Row>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>Short-RInChIKey</b></Col>
+              <Col sm={10} md={10} lg={10}><ClipboardCopyLink text={replace(reaction.rinchi_short_key, 'Short-RInChIKey=', '')} /></Col>
+            </Row>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>Web-RInChIKey</b></Col>
+              <Col sm={10} md={10} lg={10}><ClipboardCopyLink text={replace(reaction.rinchi_web_key, 'Web-RInChIKey=', '')} /></Col>
+            </Row>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+}
+
+const ReactionProperties = ({
+  reaction, toggle, show, bodyAttrs
+}) => {
+  const showIndicatorProp = (show) ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right';
+  return (
+    <span>
+      <ToggleIndicator onClick={toggle} name="Properties" indicatorStyle={showIndicatorProp} />
+      <Panel style={{ border: 'none' }} id="collapsible-panel-properties" expanded={show} defaultExpanded={show} onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs}>
+            <Row >
+              <Col sm={4} md={4} lg={4}>
+                <b>Status: </b>{reaction.status}
+              </Col>
+              <Col sm={4} md={4} lg={4}>
+                <b>Temperature: </b>{reaction.temperature && reaction.temperature.userText !== '' ? `${reaction.temperature.userText} ${reaction.temperature.valueUnit}` : ''}
+              </Col>
+              <Col sm={4} md={4} lg={4}>
+                <b>Duration: </b>{CalcDuration(reaction)}
+              </Col>
+            </Row>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+}
+
+const ReactionTlc = ({
+  reaction, toggle, show, bodyAttrs
+}) => {
+  const showIndicatorTlc = (show) ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right';
+  return (
+    <span>
+      <ToggleIndicator onClick={toggle} name="TLC-Control" indicatorStyle={showIndicatorTlc} />
+      <Panel style={{ border: 'none' }} id="collapsible-panel-tlc" expanded={show} defaultExpanded={show} onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs}>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>Solvents (parts)</b></Col>
+              <Col sm={10} md={10} lg={10}>{reaction.tlc_solvents || ''}</Col>
+            </Row>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>Rf-Value</b></Col>
+              <Col sm={10} md={10} lg={10}>{reaction.rf_value || ''}</Col>
+            </Row>
+            <Row style={{ paddingBottom: '8px' }}>
+              <Col sm={2} md={2} lg={2}><b>TLC-Description</b></Col>
+              <Col sm={10} md={10} lg={10}>
+                <div style={{ whiteSpace: 'pre' }}>
+                  {reaction.tlc_description || ''}
+                </div>
+              </Col>
+            </Row>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+}
+
+const InputFieldYield = (props) => {
+  return (
+    <FormGroup>
+      <InputGroup>
+        <FormControl
+          type="text"
+          bsClass="bs-form--compact form-control"
+          bsSize="small"
+          value={props.value || 0}
+          placeholder="Input Yield..."
+          onChange={event => props.onInputChange(props.product, event)}
+        />
+        <InputGroup.Addon>%</InputGroup.Addon>
+      </InputGroup>
+    </FormGroup>
+  );
+};
+
+const InputFieldDuration = props =>
+  (
+    <InputButtonField
+      label="Duration"
+      value={props.durationValue || ''}
+      field="duration"
+      btnValue={props.durationUnit || ''}
+      btnField="durationUnit"
+      onInputChange={props.onInputChange}
+      onBtnClick={props.onUnitChange}
+      btnTip="switch duration unit"
+    />
+  );
+
+const InputFieldTemperture = props =>
+  (
+    <InputButtonField
+      label="Temperature"
+      value={props.temperatureDisplay || ''}
+      field="temperature"
+      btnValue={props.temperatureUnit || ''}
+      btnField="temperatureUnit"
+      onInputChange={props.onInputChange}
+      onBtnClick={props.onUnitChange}
+      btnTip="switch temperature unit"
+    />
+  );
+
+const ReactionTableEdit = ({
+  reaction, bodyAttrs, isPublic = true,
+  onInputChange
+}) => {
+  let schemes = [];
+  let sumSolvents = 0.0;
+
+  if (isPublic) {
+    schemes = reaction.schemes;
+  } else {
+    reaction.starting_materials.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'starting_materials';
+      schemes.push(ns);
+    });
+    reaction.reactants.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'reactants';
+      schemes.push(ns);
+    });
+    reaction.products.map((s) => {
+      const ns = new Sample(s)
+      ns.mat_group = 'products';
+      schemes.push(ns);
+    });
+    reaction.solvents.map((s) => {
+      const ns = new Sample(s)
+      sumSolvents += ns.amount_l;
+      ns.mat_group = 'solvents';
+      schemes.push(ns);
+    });
+  }
+
+  const materialCalc = (target, multi, precision) => (target ? (target * multi).toFixed(precision) : '0');
+  const equivYield = (s, sumSolvents = 1.0, isPublic = true) => {
+    let val = 0;
+    switch (s.mat_group) {
+      case 'products':
+        val = materialCalc(s.equivalent * 100, 1, 0);
+        break;
+      default:
+        return <div />;
+    }
+    return (
+      <Form inline>
+        <InputFieldYield
+          value={val}
+          product={s}
+          onInputChange={onInputChange}
+        />
+      </Form>
+    );
+  };
+
+  const rows = (samples) => {
+    let currentType = '';
+
+    return (
+      typeof samples !== 'undefined'
+        ? samples.map((sample, i) => {
+          const matType = sample.mat_group && sample.mat_group[0].toUpperCase() + sample.mat_group.replace('_', ' ').slice(1);
+          let label = isPublic ? sample.iupac_name : sample.molecule_iupac_name;
+          if (sample.mat_group === 'solvents') label = sample.external_label;
+          let title = null;
+          if (currentType !== sample.mat_group) {
+            currentType = sample.mat_group;
+            title = (<tr><td colSpan="7"><b>{matType}</b></td></tr>);
+          }
+          return (
+            <tbody key={i}>
+              {title}
+              <tr>
+                <td style={{ width: '26%' }}>{label}</td>
+                <td style={{ width: '12%' }}>{isPublic ? sample.sum_formular : sample.molecule.sum_formular}</td>
+                <td style={{ width: '14%', textAlign: 'center' }}>&nbsp;</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>&nbsp;</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>&nbsp;</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>&nbsp;</td>
+                <td style={{ width: '12%', textAlign: 'center' }}>{equivYield(sample, sumSolvents, isPublic)}</td>
+              </tr>
+            </tbody>
+          );
+        })
+        : null
+    )
+  };
+
+  const table = dataRows => (
+    <Table responsive>
+      <thead>
+        <tr>
+          <th>IUPAC</th>
+          <th>Formula</th>
+          <th style={{ textAlign: 'center' }}>Density/Molarity</th>
+          <th style={{ textAlign: 'center' }}>Amount(g)</th>
+          <th style={{ textAlign: 'center' }}>Volume(ml)</th>
+          <th style={{ textAlign: 'center' }}>Amount(mmol)</th>
+          <th style={{ textAlign: 'center' }}>Equiv/Yield</th>
+        </tr>
+      </thead>
+      {dataRows}
+    </Table>
+  );
+
+  return (
+    <span>
+      <Label>Reaction Table</Label>
+      <Panel style={{ border: 'none' }} id="collapsible-panel-scheme" defaultExpanded onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs} >
+            <div>
+              {table(rows(schemes))}
+            </div>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+};
+
+const ReactionPropertiesEdit = ({
+  reaction, bodyAttrs,
+  onInputChange, onUnitChange
+}) =>
+  (
+    <span>
+      <Label>Properties</Label>
+      <Panel style={{ border: 'none' }} id="collapsible-panel-properties" defaultExpanded onToggle={() => { }}>
+        <Panel.Collapse>
+          <Panel.Body {...bodyAttrs}>
+            <Row >
+              <Col sm={4} md={4} lg={4}>
+                <b>Status</b><div>{reaction.status}</div>
+              </Col>
+              <Col sm={4} md={4} lg={4}>
+                <InputFieldTemperture
+                  temperatureDisplay={reaction.temperature_display}
+                  temperatureUnit={reaction.temperature && reaction.temperature.valueUnit}
+                  onInputChange={onInputChange}
+                  onUnitChange={onUnitChange}
+                />
+              </Col>
+              <Col sm={4} md={4} lg={4}>
+                <InputFieldDuration
+                  durationValue={(reaction.durationDisplay && reaction.durationDisplay.dispValue) || ''}
+                  durationUnit={reaction.durationUnit}
+                  onInputChange={onInputChange}
+                  onUnitChange={onUnitChange}
+                />
+              </Col>
+            </Row>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    </span>
+  );
+
+const ReactionSchemeOnlyInfo = ({
+  reaction, isPublic = true, schemeDesc,
+  onYieldChange, onPropertiesChange, onUnitChange
+}) => {
+  const svgPath = `/images/reactions/${reaction.reaction_svg_file}`;
+
+  const bodyAttrs = {
+    style: {
+      fontSize: '90%',
+      paddingBottom: 'unset'
+    }
+  };
+
+  return (
+    <Panel style={{ marginBottom: '4px' }}>
+      <Panel.Body style={{ paddingBottom: '1px' }}>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <SVG key={svgPath} src={svgPath} className="reaction-details" />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionTableEdit
+              reaction={reaction}
+              bodyAttrs={bodyAttrs}
+              isPublic={isPublic}
+              onInputChange={onYieldChange}
+            />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <Checkbox
+              checked={schemeDesc}
+              onChange={() => { onPropertiesChange('schemeDesc'); }}
+            >
+              <span>add the description field?</span>
+            </Checkbox>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionPropertiesEdit
+              reaction={reaction}
+              bodyAttrs={bodyAttrs}
+              onInputChange={onPropertiesChange}
+              onUnitChange={onUnitChange}
+            />
+          </Col>
+        </Row>
+      </Panel.Body>
+    </Panel>
+  );
+};
+
+const ReactionInfo = ({ reaction, toggleScheme, showScheme, isPublic = true,
+  toggleRinchi, showRinchi,
+  toggleProp, showProp,
+  toggleTlc, showTlc,
+  schemeOnly = false, onToggle = () => {}
+ }) => {
+  const svgPath = `/images/reactions/${reaction.reaction_svg_file}`;
+  const content = reaction.description;
+  const additionInfo = reaction.observation;
+
+  const contentlength = (content && content.ops && content.ops.length > 0 && content.ops[0].insert) ? content.ops[0].insert.trim().length : 0;
+  const additionlength = (additionInfo && additionInfo.ops && additionInfo.ops.length > 0 && additionInfo.ops[0].insert) ? additionInfo.ops[0].insert.trim().length : 0;
+
+  const descQV = contentlength > 0 ?
+  (<span><b>Description:</b><QuillViewer value={content}  /></span>) : null;
+  const addQV = additionlength > 0 ?
+  (<span><b>Additional information for publication and purification details:</b> <QuillViewer value={additionInfo}  /></span>) : null;
+
+
+  const bodyAttrs = {
+    style: {
+      fontSize: '90%',
+      paddingBottom: 'unset'
+    }
+  };
+
+  if (schemeOnly) {
+    return (
+      <RepoReactionSchemeInfo
+        reaction={reaction}
+        svgPath={svgPath}
+        showScheme={showScheme}
+        showRinchi={showRinchi}
+        showProp={showProp}
+        bodyAttrs={bodyAttrs}
+        onToggle={onToggle}
+      />
+    );
+  }
+
+  return (
+    <Panel style={{ marginBottom: '4px' }}>
+      <Panel.Body style={{ paddingBottom: '1px' }}>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <SVG key={svgPath} src={svgPath} className="reaction-details" />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionTable
+              reaction={reaction}
+              toggle={toggleScheme}
+              show={showScheme}
+              isPublic={isPublic}
+              bodyAttrs={bodyAttrs}
+            />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <div className="desc small-p">
+              {descQV}
+            </div>
+            <div className="desc small-p">
+              {addQV}
+            </div>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionRinChiKey
+              reaction={reaction}
+              toggle={toggleRinchi}
+              show={showRinchi}
+              bodyAttrs={bodyAttrs}
+            />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionProperties
+              reaction={reaction}
+              toggle={toggleProp}
+              show={showProp}
+              bodyAttrs={bodyAttrs}
+            />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionTlc
+              reaction={reaction}
+              toggle={toggleTlc}
+              show={showTlc}
+              bodyAttrs={bodyAttrs}
+            />
+          </Col>
+        </Row>
+      </Panel.Body>
+    </Panel>
+  );
+};
+
+const AnalysisHeaderSample = ({ sample, sampleType }) => {
+  const svgPath = `/images/samples/${sample.sample_svg_file}`;
+  const doiLink = sample.pubchem_tag.chemotion ? sample.pubchem_tag.chemotion.doi : '';
+  const rinchiStyle = { borderStyle: 'none', boxShadow: 'none', textAlign: 'left' };
+  return (
+    <div className="svg-container">
+      <Row style={rinchiStyle}>
+        <Col sm={4} md={4} lg={4}>
+          <SVG key={svgPath} src={svgPath} className="sample-details" />
+        </Col>
+        <Col sm={8} md={8} lg={8}>
+          <h5><i className="icon-sample" style={{ fontSize: '1.5em' }} /> <b>{sampleType} </b></h5>
+          <b> DOI: </b>
+          <Button bsStyle="link" onClick={() => { window.location = `https://dx.doi.org/${doiLink}`; }}>
+            {doiLink}
+          </Button>
+          <ClipboardCopyBtn text={`https://dx.doi.org/${doiLink}`} />
+          <DownloadMetadataBtn type="sample" id={sample.id} />
+        </Col>
+      </Row>
+    </div>
+  );
+};
+AnalysisHeaderSample.propTypes = {
+  sample: PropTypes.instanceOf(Sample).isRequired,
+  sampleType: PropTypes.string,
+};
+
+AnalysisHeaderSample.defaultProps = {
+  sample: {},
+  sampleType: '',
+};
+
+class RenderPublishAnalysesPanel extends Component {
+  header() {
+    const { analysis, isPublic } = this.props;
+    const content = analysis.extended_metadata['content'];
+    const previewImg = PreviewImage(analysis);
+    const kind = (analysis.extended_metadata['kind'] || '').split('|').pop().trim();
+
+    let hasPop = true;
+    let fetchNeeded = false;
+    let fetchId = 0;
+    let fetchFilename = '';
+    if (analysis.preview_img && analysis.preview_img !== undefined && analysis.preview_img !== 'not available') {
+      const containerAttachments = filter(analysis.children, o => o.attachments.length > 0);
+      const atts = flatMap(map(containerAttachments, 'attachments'));
+      const imageThumb = filter(atts, o => o.thumb === true && startsWith(o.content_type, 'image/'));
+      if (imageThumb && imageThumb.length > 0) {
+        fetchNeeded = true;
+        fetchId = imageThumb[0].id;
+        fetchFilename = imageThumb[0].filename;
+      }
+    } else {
+      hasPop = false;
+    }
+
+    const doiLink = (isPublic === false) ? (
+      <div className="sub-title" inline="true">
+        <b>DOI: </b>
+        {analysis.dataset_doi}&nbsp;<ClipboardCopyBtn text={`https://dx.doi.org/${analysis.dataset_doi}`} />
+      </div>
+      ) : (
+      <div className="sub-title" inline="true">
+        <b>DOI: </b>
+        <Button bsStyle="link" onClick={() => { window.location = `https://dx.doi.org/${analysis.dataset_doi}`; }}>
+          {analysis.dataset_doi}
+        </Button>
+        <ClipboardCopyBtn text={`https://dx.doi.org/${analysis.dataset_doi}`} />
+        <DownloadMetadataBtn type="container" id={analysis.id} />
+      </div>
+    )
+
+    return (
+      <div
+        className="analysis-header"
+        style={{ height: 'unset' }}
+      >
+        <div className="preview">
+          <ImageModal
+            hasPop={hasPop}
+            preivewObject={{
+              src: previewImg
+            }}
+            popObject={{
+              title: kind,
+              src: previewImg,
+              fetchNeeded,
+              fetchId,
+              fetchFilename
+            }}
+          />
+        </div>
+        <div className="abstract">
+          <div className="lower-text">
+            <div className="sub-title">
+              <b>{kind}</b>
+            </div>
+            {doiLink}
+            <div className="sub-title" inline="true">
+              <b>ID: </b>
+              <Button bsStyle="link" onClick={() => { window.location = `/pid/${analysis.pub_id}`; }}>
+              CRD-{ analysis.pub_id }
+              </Button>
+              <ClipboardCopyBtn text={`https://www.chemotion-repository.net/pid/${analysis.pub_id}`} />
+            </div>
+          </div>
+          <div className="desc small-p expand-p" style={{ marginLeft: '10px' }}>
+            <ClipboardCopyLink text={contentToText(content)}>
+              <QuillViewer value={content} />
+            </ClipboardCopyLink>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <div style={{ display: 'flex', flexDirection: 'column' }}>
+        {this.header()}
+        <Col md={12}>
+          <b>Datasets</b>
+          <RepoContainerDatasets
+            container={this.props.analysis}
+          />
+        </Col>
+      </div>
+    );
+  }
+}
+
+class RenderPublishAnalyses extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  header() {
+    const analysis = this.props.analysis;
+    const content = analysis.extended_metadata['content'];
+    const rawImg = analysis.preview_img;
+    const noAttSvg = '/images/wild_card/no_attachment.svg';
+    const noAvaSvg = '/images/wild_card/not_available.svg';
+    let previewImg = rawImg;
+    switch (rawImg) {
+      case null:
+      case undefined:
+        previewImg = noAttSvg;
+        break;
+      case 'not available':
+        previewImg = noAvaSvg;
+        break;
+      default:
+        previewImg = `data:image/png;base64,${rawImg}`;
+    }
+
+    const kind = (analysis.extended_metadata['kind'] || '').split('|').pop().trim();
+
+    let hasPop = true;
+    let fetchNeeded = false;
+    let fetchId = 0;
+    let fetchFilename = '';
+    if (analysis.preview_img && analysis.preview_img !== undefined && analysis.preview_img !== 'not available') {
+      const containerAttachments = filter(analysis.children, o => o.attachments.length > 0);
+      const atts = flatMap(map(containerAttachments, 'attachments'));
+      const imageThumb = filter(atts, o => o.thumb === true && startsWith(o.content_type, 'image/'));
+      if (imageThumb && imageThumb.length > 0) {
+        fetchNeeded = true;
+        fetchId = imageThumb[0].id;
+        fetchFilename = imageThumb[0].filename;
+      }
+    } else {
+      hasPop = false;
+    }
+
+    return (
+      <div
+        className="analysis-header"
+      >
+        <div className="preview">
+          <ImageModal
+            hasPop={hasPop}
+            preivewObject={{
+              src: previewImg
+            }}
+            popObject={{
+              title: kind,
+              src: previewImg,
+              fetchNeeded,
+              fetchId,
+              fetchFilename
+            }}
+          />
+        </div>
+        <div className="abstract">
+          <div className="lower-text">
+            <div className="sub-title" inline="true">
+              <b>DOI: </b>
+              <Button bsStyle="link" onClick={() => { window.location = `https://dx.doi.org/${analysis.dataset_doi}`; }}>
+                {analysis.dataset_doi}
+              </Button>
+              <ClipboardCopyBtn text={`https://dx.doi.org/${analysis.dataset_doi}`} />
+              <DownloadMetadataBtn type="container" id={analysis.id} />
+            </div>
+            <div className="sub-title" inline="true">
+              <b>ID: </b>
+              <Button bsStyle="link" onClick={() => { window.location = `/pid/${analysis.pub_id}`; }}>
+                CRD-{ analysis.pub_id }
+              </Button>
+              <ClipboardCopyBtn text={`https://www.chemotion-repository.net/pid/${analysis.pub_id}`} />
+            </div>
+            <div className="desc small-p">
+              <b>Content: </b> &nbsp;&nbsp;
+              <ClipboardCopyLink text={contentToText(content)}>
+              <QuillViewer value={content}  />
+            </ClipboardCopyLink>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  render() {
+    const { analysis, expanded, elementType } = this.props;
+    const kind = (analysis.extended_metadata['kind'] || '').split('|').pop().trim();
+    const AffiliationMap = (affiliationIds) => {
+      const aId = [].concat.apply(...affiliationIds);
+      const affiliationMap = {};
+      let aCount = 0;
+      aId.map((e) => {
+        if (!affiliationMap[e]) {
+          aCount += 1;
+          affiliationMap[e] = aCount;
+        }
+      });
+      return affiliationMap;
+    };
+    const affiliationMap = AffiliationMap(this.props.publication.affiliation_ids);
+    const time = new Date(this.props.publication && this.props.publication.published_at);
+    const formattedTime = `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} `;
+    return (
+      <Panel key={`analysis-${analysis.id}`} expanded={expanded} className="panel-analyses-public" onToggle={() => { }}>
+        <Panel.Heading style={{ border: 'unset' }}>
+          <h4><i className="fa fa-area-chart" aria-hidden="true" style={{ fontSize: '1.5em' }} /><b> Published on </b> <i>{formattedTime}</i>
+            {IconLicense(this.props.license, (this.props.publication.author_ids.length > 1))}
+          </h4>
+          <p>&nbsp;</p>
+          <b>{kind}</b>&nbsp;
+          <div style={{ textAlign: 'right', display: 'inline-block', float: 'right' }}>
+            <small><b>{ElementIcon(elementType)}</b></small>
+          </div>
+          <h5>
+            <b>Author{this.props.publication.author_ids && (this.props.publication.author_ids.length > 1) ? 's' : ''}: </b>
+            <AuthorList
+              creators={this.props.publication.creators}
+              affiliationMap={affiliationMap}
+            />
+          </h5>
+          <AffiliationList
+            affiliations={this.props.publication.affiliations}
+            affiliationMap={affiliationMap}
+          />
+        </Panel.Heading>
+        <Panel.Collapse>
+          <Panel.Body style={{ backgroundColor: '#f5f5f5' }}>
+            {this.header()}
+            <Col md={12}>
+              <b>Datasets</b>
+              <RepoContainerDatasets
+                container={this.props.analysis}
+              />
+            </Col>
+          </Panel.Body>
+        </Panel.Collapse>
+      </Panel>
+    );
+  }
+}
+
+RenderPublishAnalyses.propTypes = {
+  analysis: PropTypes.object.isRequired,
+  expanded: PropTypes.bool.isRequired,
+  elementType: PropTypes.string.isRequired,
+  license: PropTypes.string.isRequired,
+  publication: PropTypes.shape({
+    author_ids: PropTypes.arrayOf(PropTypes.number),
+    creators: PropTypes.arrayOf(PropTypes.object),
+    affiliation_ids: PropTypes.arrayOf(PropTypes.array),
+    affiliations: PropTypes.object,
+    published_at: PropTypes.string,
+  }).isRequired
+};
+
+class PublishAnalysesTag extends Component {
+  constructor(props) {
+    super(props);
+    const { reaction, analysis, analysesType, product } = props;
+    this.state = {
+      reaction,
+      analysis,
+      analysesType,
+      product
+    };
+    this.handleCheck = this.handleCheck.bind(this);
+  }
+
+  handleCheck(e, elementType) {
+    if (e.extended_metadata.publish && (e.extended_metadata.publish === true || e.extended_metadata.publish === 'true')) {
+      e.extended_metadata.publish = false;
+    } else {
+      e.extended_metadata.publish = true;
+    }
+    this.props.handleAnalysesChecked(e, elementType);
+  }
+
+  generateTitle() {
+    const {
+      reaction, analysis, analysesType, product
+    } = this.state;
+    const kind = (analysis.extended_metadata.kind || '').split('|').pop().trim();
+    const { content } = analysis.extended_metadata;
+    const status = analysis.extended_metadata.status || '';
+    const previewImg = PreviewImage(analysis);
+    const typeMissing = !analysis.extended_metadata.kind || ((analysis.extended_metadata.kind || '').split('|').length < 2);
+
+    let statusMissing = false;
+    let nmrMissing = false;
+    let datasetMissing = false;
+    if (analysesType === 'Product') {
+      statusMissing = (analysis.extended_metadata.status || '') !== 'Confirmed';
+      nmrMissing = !isNmrPass(analysis, product);
+      datasetMissing = !isDatasetPass(analysis);
+    }
+    const constructBtnTip = () => {
+      const tip = [];
+      if (typeMissing || statusMissing || nmrMissing || datasetMissing) {
+        if (typeMissing) tip.push('Type is invalid.');
+        if (statusMissing) tip.push('Status must be Confirmed.');
+        if (nmrMissing) tip.push('Content is invalid, NMR Check fails.');
+        if (datasetMissing) {
+          tip.push('Dataset is incomplete. Please check that: ');
+          tip.push('1. for NMR, Mass, or IR analyses, at least one dataset has been attached with an image and a jcamp files.');
+          tip.push('2. the instrument field is not empty.');
+        }
+        return tip.join('\r\n');
+      }
+      return 'publish this analysis';
+    };
+    const btnTip = constructBtnTip();
+
+    let statusChk = false;
+    let statusMsg = '';
+    let typeChk = false;
+    if (analysesType === 'Product') {
+      statusChk = (status !== 'Confirmed' || nmrMissing);
+      statusMsg = nmrMsg(product, analysis);
+      typeChk = (kind === '');
+    }
+
+    if (!analysis.extended_metadata.kind) {
+      analysis.extended_metadata.publish = false;
+    }
+    const isPublish = (analysis.extended_metadata.publish && (analysis.extended_metadata.publish === true || analysis.extended_metadata.publish === 'true')
+      && !statusMissing && !nmrMissing && !datasetMissing) || false;
+    let analysesIcon = '';
+    switch (analysesType) {
+      case 'Reaction':
+        analysesIcon = <i className="icon-reaction" />;
+        break;
+      case 'Product':
+        analysesIcon = <i className="icon-sample" />;
+        break;
+      default:
+        analysesIcon = '';
+    }
+
+    return (
+      <div
+        className="analysis-header order"
+      >
+        <div className="preview">
+          <img src={previewImg} alt="preview" />
+        </div>
+        <div className="abstract">
+          <div className="upper-btn">
+            <div
+              className="button-right"
+            >
+              &nbsp;{analysesIcon}
+            </div>
+            <PrintCodeButton element={reaction} analyses={[analysis]} ident={analysis.id} />
+            <span
+              className="button-right add-to-report"
+              onClick={stopBubble}
+            >
+              <OverlayTrigger
+                placement="left"
+                overlay={<Tooltip id="checkAnalysis" className="publish_tooltip">{btnTip}</Tooltip>}
+              >
+                <div>
+                  <Checkbox
+                    onChange={() => { this.handleCheck(analysis, analysesType); }}
+                    disabled={typeMissing || statusMissing || nmrMissing || datasetMissing}
+                    defaultChecked={isPublish}
+                  >
+                    {
+                      (typeMissing || statusMissing || nmrMissing || datasetMissing) ?
+                        <span style={{ color: 'red' }}>Add to publication</span>
+                      :
+                        <span>Add to publication</span>
+                    }
+                  </Checkbox>
+                </div>
+              </OverlayTrigger>
+            </span>
+          </div>
+          <div className="lower-text">
+            <div className="main-title">
+              {analysis.name}
+            </div>
+            {
+              typeChk ?
+                <div className="sub-title" style={{ color: 'red' }}>Type: {kind}</div>
+                :
+                <div className="sub-title">Type: {kind}</div>
+            }
+            {
+              statusChk ?
+                <div className="sub-title"><span style={{ color: 'red' }}>Status:</span> {status} {statusMsg}</div>
+                :
+                <div className="sub-title"><span>Status:</span> {status} {statusMsg}</div>
+            }
+            <div className="desc sub-title">
+              <span style={{ float: 'left', marginRight: '5px' }}>
+                Content:
+              </span>
+              <QuillViewer value={content}  />
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <Panel key={`analysis-${this.props.analysis.id}`} eventKey={this.props.analysis.id}>
+        <Panel.Heading>
+          <Panel.Title toggle>
+            {this.generateTitle()}
+          </Panel.Title>
+        </Panel.Heading>
+        <Panel.Body collapsible>
+          <ContainerComponent readOnly container={this.props.analysis} />
+        </Panel.Body>
+      </Panel>
+    );
+  }
+}
+
+PublishAnalysesTag.propTypes = {
+  reaction: PropTypes.instanceOf(Reaction).isRequired,
+  analysis: PropTypes.object.isRequired,
+  analysesType: PropTypes.string,
+  handleAnalysesChecked: PropTypes.func.isRequired,
+  product: PropTypes.object
+};
+PublishAnalysesTag.defaultProps = {
+  analysesType: '',
+  product: null
+};
+
+RenderPublishAnalysesPanel.propTypes = {
+  analysis: PropTypes.object.isRequired,
+  isPublic: PropTypes.bool,
+};
+
+RenderPublishAnalysesPanel.defaultProps = {
+  isPublic: true
+};
+
+ReactionTable.propTypes = {
+  reaction: PropTypes.any.isRequired,
+  toggle: PropTypes.func,
+  show: PropTypes.bool,
+  bodyAttrs: PropTypes.object,
+  isPublic: PropTypes.bool.isRequired
+};
+
+ReactionTable.defaultProps = {
+  isPublic: true,
+  showScheme: false
+};
+
+ReactionRinChiKey.propTypes = {
+  reaction: PropTypes.any.isRequired,
+  toggle: PropTypes.func,
+  show: PropTypes.bool,
+  bodyAttrs: PropTypes.object
+};
+
+ReactionProperties.propTypes = {
+  reaction: PropTypes.any.isRequired,
+  toggle: PropTypes.func,
+  show: PropTypes.bool,
+  bodyAttrs: PropTypes.object
+};
+
+ReactionTlc.propTypes = {
+  reaction: PropTypes.any.isRequired,
+  toggle: PropTypes.func,
+  show: PropTypes.bool,
+  bodyAttrs: PropTypes.object
+};
+
+const DatasetDetail = ({ element }) => {
+  const { molecule } = element;
+  molecule.tag = {
+    taggable_data: { pubchem_cid: molecule.pubchem_cid }
+  };
+
+  const datasetView = !element ? (
+    <span>There is no published dataset</span>
+  ) : (
+    <RenderPublishAnalyses
+      key={`${element.id}-${element.updated_at}`}
+      analysis={element.dataset}
+      expanded
+      elementType="Sample"
+      license={element.license}
+      publication={element.publication}
+    />
+  );
+
+  return (
+    <Grid>
+      <MoleculeInfo molecule={molecule} sample_svg_file={element.sample_svg_file} />
+      <br /><br />
+      <Row>
+        <Col sm={12} md={12} lg={12}>
+          {datasetView}
+        </Col>
+      </Row>
+    </Grid>
+  );
+};
+
+DatasetDetail.propTypes = {
+  element: PropTypes.object.isRequired,
+};
+
+const ClosePanel = ({ element }) => (
+  <div>
+    <OverlayTrigger
+      placement="bottom"
+      overlay={<Tooltip id="closeReaction">Close</Tooltip>}
+    >
+      <Button
+        bsSize="xsmall"
+        className="button-right"
+        onClick={() => PublicActions.close(element, true)}
+      >
+        <i className="fa fa-times" />
+      </Button>
+    </OverlayTrigger>
+  </div>
+);
+
+ClosePanel.propTypes = {
+  element: PropTypes.object.isRequired,
+};
+
+const CommentBtn = (props) => {
+  const {
+    canComment,
+    reviewLevel,
+    submitter,
+    pubState,
+    comments,
+    onShow,
+    field,
+    orgInfo
+  } = props;
+
+  if (!canComment) return '';
+  return (
+    <span>
+      <RepoCommentBtn
+        field={field}
+        comments={comments}
+        orgInfo={orgInfo}
+        reviewLevel={reviewLevel}
+        state={pubState}
+        submitter={submitter}
+        onShow={() => onShow(true, field, orgInfo)}
+      />&nbsp;
+    </span>
+  );
+};
+
+CommentBtn.propTypes = {
+  canComment: PropTypes.bool.isRequired,
+  reviewLevel: PropTypes.number.isRequired,
+  submitter: PropTypes.string.isRequired,
+  pubState: PropTypes.string.isRequired,
+  comments: PropTypes.object.isRequired,
+  onShow: PropTypes.func.isRequired,
+  field: PropTypes.string.isRequired,
+  orgInfo: PropTypes.string.isRequired
+};
+
+const Doi = (props) => {
+  const {
+    type, id, doi, isPublished
+  } = props;
+
+  let data = '';
+
+  if (isPublished) {
+    data = (
+      <span>
+        <Button key={`${type}-jumbtn-${id}`} bsStyle="link" onClick={() => { window.location = `https://dx.doi.org/${doi}`; }}>
+          {doi}
+        </Button>
+        <ClipboardCopyBtn text={`https://dx.doi.org/${doi}`} />
+        <DownloadMetadataBtn type={type} id={id} />
+      </span>
+    );
+  } else {
+    data = (
+      <span>
+        {doi.full_doi}&nbsp;<ClipboardCopyBtn text={`https://dx.doi.org/${doi.full_doi}`} />
+      </span>
+    );
+  }
+
+  return (
+    <h5>
+      <b>DOI: </b>
+      {data}
+    </h5>
+  );
+};
+
+Doi.propTypes = {
+  type: PropTypes.string.isRequired,
+  id: PropTypes.number.isRequired,
+  doi: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.object,
+  ]).isRequired,
+  isPublished: PropTypes.bool.isRequired,
+};
+
+const DateInfo = (props) => {
+  const {
+    pubData, tagData, isPublished
+  } = props;
+
+  let time = '';
+  let formattedTime = '';
+
+  if (isPublished) {
+    time = new Date(tagData && (tagData.published_at || tagData.doi_reg_at));
+    formattedTime = `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} `;
+    return (<span><b>Published on </b> <i>{formattedTime}</i></span>);
+  }
+
+  time = new Date(pubData && pubData.updated_at);
+  formattedTime = `${time.getDate()}-${time.getMonth() + 1}-${time.getFullYear()} `;
+  return (<span><b>Submitted on </b> <i>{formattedTime}</i></span>);
+};
+
+DateInfo.propTypes = {
+  pubData: PropTypes.object.isRequired,
+  tagData: PropTypes.object.isRequired,
+  isPublished: PropTypes.bool.isRequired,
+};
+
+export {
+  AnalysisHeaderSample,
+  AnalysesTypeJoinLabel,
+  AffiliationList,
+  AuthorList,
+  AuthorTitle,
+  BackSoonPage,
+  CalcDuration,
+  ChemotionId,
+  ClipboardCopyLink,
+  ClipboardCopyBtn,
+  ClosePanel,
+  CommentBtn,
+  ContributorInfo,
+  DateFormatYMDLong,
+  DateFormatDMYTime,
+  DatasetDetail,
+  DateInfo,
+  Doi,
+  DownloadDOICsv,
+  DownloadMetadataBtn,
+  EditorTips,
+  ElementIcon,
+  ElStateLabel,
+  ElSubmitTime,
+  ElAspect,
+  EmbargoCom,
+  IconLicense,
+  IconToMyDB,
+  isNmrPass,
+  isDatasetPass,
+  HomeFeature,
+  MoleculeInfo,
+  NewsroomTemplate,
+  PreviewImage,
+  PublishAnalysesTag,
+  PublishTypeAs,
+  ReactionSchemeOnlyInfo,
+  ReactionInfo,
+  ReactionTable,
+  ReactionRinChiKey,
+  ReactionProperties,
+  ReactionTlc,
+  RenderAnalysisHeader,
+  RenderPublishAnalyses,
+  RenderPublishAnalysesPanel,
+  RequiredLabel,
+  SchemeWord,
+  SidToPubChem,
+  ShowIndicator,
+  SvgPath,
+  ToggleIndicator,
+};
diff --git a/app/assets/javascripts/libHome/RepoContact.js b/app/assets/javascripts/libHome/RepoContact.js
new file mode 100644
index 000000000..028a6eadb
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoContact.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import { Well, Col, Row } from 'react-bootstrap';
+
+const RepoContact = () => {
+  const cpmail = <span>nicole.jung<i className="fa fa-at" aria-hidden="true" />ioc.kit.edu</span>;
+  const institute = 'Institute of Biological and Chemical Systems – Functional Molecular Systems (IBCS-FMS)';
+  return (
+    <div >
+      <br /><br /><br />
+      <Well style={{ width: '90%', margin: 'auto' }}>
+        <Row>
+          <Col md={6}>
+            <table style={{ width: '80%', height: 400, margin: 'auto' }}>
+              <tbody>
+                <tr><td><h3>Complat</h3><br /><br /></td></tr>
+                <tr><td>{institute}</td></tr>
+                <tr><td>Hermann-von-Helmholtz-Platz 1</td></tr>
+                <tr><td>Building 341</td></tr>
+                <tr><td>76344 Eggenstein-Leopoldshafen</td></tr>
+                <tr><td>Germany<br /><br /></td></tr>
+                <tr><td><i className="fa fa-user" aria-hidden="true" /> Dr. Nicole Jung</td></tr>
+                <tr><td><i className="fa fa-phone" aria-hidden="true" /> +49 721 608 24697</td></tr>
+                <tr><td><i className="fa fa-envelope" aria-hidden="true" /> {cpmail}</td></tr>
+              </tbody>
+            </table>
+          </Col>
+          <Col md={6}>
+            <iframe
+              title="Complat location"
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2612.4795306481205!2d8.428392315993667!3d49.09652997931155!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDnCsDA1JzQ3LjUiTiA4wrAyNSc1MC4xIkU!5e0!3m2!1sde!2sde!4v1473947291352"
+              style={{
+                width: '80%', height: 400, frameborder: '0', margin: 'auto'
+              }}
+            />
+          </Col>
+        </Row>
+      </Well>
+      <br /><br /><br />
+    </div>
+  );
+};
+
+export default RepoContact;
diff --git a/app/assets/javascripts/libHome/RepoContainerDatasets.js b/app/assets/javascripts/libHome/RepoContainerDatasets.js
new file mode 100644
index 000000000..8c4ca3b26
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoContainerDatasets.js
@@ -0,0 +1,79 @@
+import React, { Component } from 'react';
+import { ListGroup, ListGroupItem, Well } from 'react-bootstrap';
+import ContainerDatasetModal from '../components/ContainerDatasetModal';
+import ContainerDatasetField from '../components/ContainerDatasetField';
+
+export default class RepoContainerDatasets extends Component {
+  constructor(props) {
+    super(props);
+    const { container } = props;
+    this.state = {
+      container,
+      modal: {
+        show: false,
+        dataset_container: null
+      }
+    };
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.setState({
+      container: nextProps.container
+    });
+  }
+
+  handleModalOpen(datasetContainer) {
+    const { modal } = this.state;
+    modal.dataset_container = datasetContainer;
+    modal.show = true;
+    this.setState({ modal });
+  }
+
+  handleModalHide() {
+    const { modal } = this.state;
+    modal.show = false;
+    modal.dataset_container = null;
+    this.setState({ modal });
+    // https://github.com/react-bootstrap/react-bootstrap/issues/1137
+    document.body.className = document.body.className.replace('modal-open', '');
+  }
+
+  render() {
+    const { container, modal } = this.state;
+
+    if (container.children.length > 0) {
+      return (
+        <div>
+          <ListGroup style={{ marginBottom: 20 }}>
+            {container.children.map((datasetContainer) => {
+              return (
+                <ListGroupItem key={`datasetContainer-${datasetContainer.id}`} style={{ border: 'none', backgroundColor: 'transparent' }}>
+                  <ContainerDatasetField
+                    dataset_container={datasetContainer}
+                    handleModalOpen={() => this.handleModalOpen(datasetContainer)}
+                    disabled
+                  />
+                </ListGroupItem>
+              );
+            })}
+          </ListGroup>
+          <hr style={{ borderColor: '#ddd' }} />
+          <ContainerDatasetModal
+            onHide={() => this.handleModalHide()}
+            show={modal.show}
+            readOnly
+            dataset_container={modal.dataset_container}
+            disabled
+          />
+        </div>
+      );
+    }
+    return (
+      <div>
+        <Well style={{ minHeight: 70, padding: 5, paddingBottom: 31 }}>
+          <h5>There are currently no Datasets.</h5>
+        </Well>
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoDirective.js b/app/assets/javascripts/libHome/RepoDirective.js
new file mode 100644
index 000000000..8712595b1
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoDirective.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import { Col, Row, Panel } from 'react-bootstrap';
+import { Parser } from 'html-to-react';
+
+export default class RepoDirective extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      content: <div />
+    };
+  }
+
+  componentDidMount() {
+    fetch('/directives/directives.html', { credentials: 'same-origin' })
+      .then(res => res.text())
+      .then((html) => {
+        // const parser = new HtmlToReactParser();
+        this.setState({ content: Parser().parse(html) });
+      })
+      .catch((errorMessage) => { console.log(errorMessage); });
+  }
+
+  render() {
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+        <Col md={3} />
+        <Col md={6}>
+          <Panel>
+            <Panel.Heading>
+              <Panel.Title>Directive to use the service</Panel.Title>
+            </Panel.Heading>
+            <Panel.Body style={{ maxHeight: 'calc(100vh - 200px)', overflowY: 'auto' }}>
+              {this.state.content}
+            </Panel.Body>
+          </Panel>
+        </Col>
+        <Col md={3} />
+      </Row>
+    );
+  }
+};
diff --git a/app/assets/javascripts/libHome/RepoElementDetails.js b/app/assets/javascripts/libHome/RepoElementDetails.js
new file mode 100644
index 000000000..abf6329ee
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoElementDetails.js
@@ -0,0 +1,70 @@
+import React, { Component } from 'react';
+import PublicStore from '../components/stores/PublicStore';
+import { DatasetDetail } from './RepoCommon';
+import RepoReactionDetails from './RepoReactionDetails';
+import RepoSampleDetails from './RepoSampleDetails';
+
+export default class RepoElementDetails extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      currentElement: {}
+    };
+    this.onStoreChange = this.onStoreChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onStoreChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onStoreChange);
+  }
+
+  onStoreChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  switchTypeRender() {
+    const { currentElement, elementType } = this.state;
+
+    if (typeof (currentElement) === 'undefined' || !currentElement) {
+      return <span />;
+    }
+
+    switch (elementType) {
+      case 'dataset': return <DatasetDetail element={currentElement} />;
+      case 'molecule': return (
+        <RepoSampleDetails
+          isPublished
+          element={currentElement}
+          reviewLevel={this.state.reviewLevel}
+          submitter={this.state.submitter}
+          pubState={this.state.pubState}
+          comments={this.state.commentInfo ? this.state.commentInfo : {}}
+          summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+          feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+        />);
+      case 'reaction': return (
+        <RepoReactionDetails
+          isPublished
+          reaction={currentElement}
+          reviewLevel={this.state.reviewLevel}
+          submitter={this.state.submitter}
+          pubState={this.state.pubState}
+          comments={this.state.commentInfo ? this.state.commentInfo : {}}
+          summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+          feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+        />);
+      default: return <span />;
+    }
+  }
+
+  render() {
+    return (
+      <div style={{ border: 'none', maxHeight: '80%' }}>
+        {this.switchTypeRender()}
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoEmbargo.js b/app/assets/javascripts/libHome/RepoEmbargo.js
new file mode 100644
index 000000000..7a5f934c7
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoEmbargo.js
@@ -0,0 +1,278 @@
+import React, { Component } from 'react';
+import { Table, Col, Row, Navbar, DropdownButton, MenuItem, ButtonGroup, Button, ButtonToolbar, Modal, Panel } from 'react-bootstrap';
+import Select from 'react-select';
+import { findIndex, filter } from 'lodash';
+import RepoEmbargoDetails from './RepoEmbargoDetails';
+import PublicActions from '../components/actions/PublicActions';
+import PublicStore from '../components/stores/PublicStore';
+import { ElAspect } from './RepoCommon';
+import { ConfirmModal } from '../components/common/ConfirmModal';
+
+const renderMenuItems = (bundles) => {
+  if (bundles.length < 1) return <div />;
+  const menu = bundles.map(bundle => (
+    <MenuItem key={bundle.value} eventKey={bundle.value}>
+      {bundle.label}
+    </MenuItem>
+  ));
+  return menu;
+};
+
+export default class RepoEmbargo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      elements: [],
+      current_user: {},
+      currentElement: null,
+      moveElement: {},
+      newEmbargo: null,
+      selectEmbargo: null,
+      bundles: [],
+      showConfirmModal: false,
+      showMoveModal: false,
+    };
+    this.onChange = this.onChange.bind(this);
+    this.handleElementSelection = this.handleElementSelection.bind(this);
+    this.handleEmbargoAccount = this.handleEmbargoAccount.bind(this);
+    this.handleEmbargoRelease = this.handleEmbargoRelease.bind(this);
+    this.handleEmbargoDelete = this.handleEmbargoDelete.bind(this);
+    this.handleMoveEmbargo = this.handleMoveEmbargo.bind(this);
+    this.handleMoveShow = this.handleMoveShow.bind(this);
+    this.handleMoveClose = this.handleMoveClose.bind(this);
+    this.loadBundles = this.loadBundles.bind(this);
+    this.handleEmbargoChange = this.handleEmbargoChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+    this.loadBundles();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+    if (this.state.selectEmbargo !== null) {
+      const vaildSelect = state.bundles.find(b => b.value === this.state.selectEmbargo.value);
+      if (typeof (vaildSelect) === 'undefined') {
+        this.setState({ selectEmbargo: null });
+      }
+    }
+  }
+
+  onClickDelete() {
+    this.setState({ showConfirmModal: true });
+  }
+
+
+  handleMoveShow(element) {
+    this.setState({
+      showMoveModal: true,
+      moveElement: element
+    });
+  }
+
+  handleMoveClose() {
+    this.setState({ showMoveModal: false, moveElement: {} });
+  }
+
+  handleEmbargoChange(selectedValue) {
+    if (selectedValue) {
+      this.setState({ newEmbargo: selectedValue });
+    }
+  }
+
+  handleElementSelection(eventKey, event) {
+    const { bundles } = this.state;
+    const selectEmbargo = bundles.find(b => b.value === eventKey);
+    this.setState({ selectEmbargo });
+    PublicActions.getEmbargoElements(eventKey);
+  }
+
+  handleEmbargoAccount() {
+    const { selectEmbargo } = this.state;
+
+    if (selectEmbargo === null) {
+      alert('Please select an embargo first!');
+    } else {
+      PublicActions.generateEmbargoAccount(selectEmbargo.value);
+      alert(`A temporary account for [${selectEmbargo.label}] has been created. The details have been sent to you by e-mail.`);
+    }
+  }
+
+  handleEmbargoRelease() {
+    const { selectEmbargo } = this.state;
+
+    if (selectEmbargo === null) {
+      alert('Please select an embargo first!');
+    } else {
+      PublicActions.releaseEmbargo(selectEmbargo.value);
+      alert(`The embargo on [${selectEmbargo.label}] has been released!`);
+    }
+  }
+
+  handleEmbargoDelete(shouldPerform) {
+    if (shouldPerform) {
+      const { selectEmbargo } = this.state;
+      if (selectEmbargo === null) {
+        alert('Please select an embargo first!');
+      } else {
+        PublicActions.deleteEmbargo(selectEmbargo.value);
+      }
+    }
+    this.setState({ showConfirmModal: false });
+  }
+
+  handleMoveEmbargo() {
+    const { selectEmbargo, moveElement, newEmbargo } = this.state;
+    PublicActions.moveEmbargo(selectEmbargo.value, newEmbargo, moveElement);
+    this.setState({ showMoveModal: false });
+  }
+
+  loadBundles() {
+    PublicActions.fetchEmbargoBundle();
+  }
+
+  renderSearch(bundles) {
+    const { selectEmbargo, elements, current_user } = this.state;
+    const acceptedEl = ((typeof (elements) !== 'undefined' && elements) || []).filter(e => e.state === 'accepted');
+    const customClass = '.btn-unified';
+    const actionButtons = current_user.type === 'Anonymous' ? <span /> :
+      (
+        <span>
+          <Button
+            bsStyle="primary"
+            id="all-inner-button"
+            disabled={selectEmbargo === null || elements.length === 0}
+            onClick={() => this.handleEmbargoAccount()}
+          >
+            <i className="fa fa-envelope-o" aria-hidden="true" />&nbsp;Anonymous
+          </Button>
+          <Button
+            bsStyle="primary"
+            id="all-inner-button"
+            disabled={selectEmbargo === null || acceptedEl.length === 0 || acceptedEl.length !== elements.length}
+            onClick={() => this.handleEmbargoRelease()}
+          >
+            <i className="fa fa-telegram" aria-hidden="true" />&nbsp;Release
+          </Button>
+          <Button
+            bsStyle="danger"
+            id="all-inner-button"
+            disabled={selectEmbargo === null || elements.length !== 0}
+            onClick={() => this.onClickDelete()}
+          >
+            <i className="fa fa-trash-o" aria-hidden="true" />&nbsp;Delete
+          </Button>
+        </span>
+      );
+    const filterDropdown = (
+      <ButtonGroup>
+        <DropdownButton
+          className={customClass}
+          id="embargo-inner-dropdown"
+          title={selectEmbargo === null ? 'Embargo Bundle' : selectEmbargo.label}
+          style={{ width: '180px' }}
+          onSelect={this.handleElementSelection}
+        >
+          {renderMenuItems(bundles)}
+        </DropdownButton>
+        {actionButtons}
+      </ButtonGroup>
+    );
+
+    return (
+      <div style={{ paddingLeft: '15px', marginTop: '8px', marginBottom: '8px' }}>
+        {filterDropdown}
+      </div>
+    );
+  }
+
+
+  // render modal
+  renderMoveModal() {
+    const { showMoveModal, selectEmbargo, moveElement, bundles } = this.state;
+    const defaultBundles = [
+      { value: '0', name: 'new', label: '--Create a new Embargo Bundle--' },
+    ];
+    const allBundles = defaultBundles.concat(filter(bundles, b => b.name !== (selectEmbargo == null ? '' : selectEmbargo.name)));
+
+    return (
+      <Modal
+        show={showMoveModal}
+        dialogClassName="move-embargo-dialog"
+        onHide={this.handleMoveClose}
+      >
+        <Modal.Header closeButton>
+          <Modal.Title>{moveElement.type}: [{moveElement.title}]</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+          <div>
+            <Panel bsStyle="success">
+              <Panel.Heading>
+                <Panel.Title>
+                  Move {moveElement.type} [{moveElement.title}] from Embargo Bundle [{selectEmbargo && selectEmbargo.label}] to :
+                </Panel.Title>
+              </Panel.Heading>
+              <Panel.Body>
+                <div>
+                  <Select
+                    value={this.state.newEmbargo}
+                    onChange={e => this.handleEmbargoChange(e)}
+                    options={allBundles}
+                    className="select-assign-collection"
+                  />
+                  <br />
+                  <ButtonToolbar>
+                    <Button bsStyle="primary" onClick={() => this.handleMoveEmbargo()}>Move Embargoed Bundle</Button>
+                  </ButtonToolbar>
+                </div>
+              </Panel.Body>
+            </Panel>
+          </div>
+        </Modal.Body>
+      </Modal>
+    );
+  }
+
+  render() {
+    const {
+      elements, bundles, currentElement, currentUser, showConfirmModal
+    } = this.state;
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+        <Col md={currentElement ? 4 : 12} >
+          <Navbar fluid className="navbar-custom" style={{ marginBottom: '5px' }}>
+            {this.renderSearch(bundles)}
+            <div style={{ clear: 'both' }} />
+          </Navbar>
+          <div>
+            <div className="review-list" style={{ backgroundColor: '#f5f5f5' }} >
+              <Table striped className="review-entries">
+                <tbody striped="true" bordered="true" hover="true">
+                  {((typeof (elements) !== 'undefined' && elements) || []).map(r => ElAspect(r, PublicActions.displayReviewEmbargo, currentUser, currentElement, this.handleMoveShow)) }
+                </tbody>
+              </Table>
+            </div>
+          </div>
+          <ConfirmModal
+            showModal={showConfirmModal}
+            title="Warning"
+            content="Are you sure that you want to delete this ?"
+            onClick={this.handleEmbargoDelete}
+          />
+        </Col>
+        <Col
+          className="review-element"
+          md={currentElement ? 8 : 0}
+        >
+          <RepoEmbargoDetails />
+          { this.renderMoveModal() }
+        </Col>
+      </Row>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoEmbargoDetails.js b/app/assets/javascripts/libHome/RepoEmbargoDetails.js
new file mode 100644
index 000000000..89d33cae8
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoEmbargoDetails.js
@@ -0,0 +1,47 @@
+import React, { Component } from 'react';
+import PublicStore from '../components/stores/PublicStore';
+import RepoReactionDetails from './RepoReactionDetails';
+import RepoSampleDetails from './RepoSampleDetails';
+
+export default class RepoEmbargoDetails extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      element: props.element
+    };
+
+    this.onStoreChange = this.onStoreChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onStoreChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onStoreChange);
+  }
+
+  onStoreChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  switchTypeRender() {
+    const { currentElement, elementType } = this.state;
+
+    if (typeof (currentElement) === 'undefined' || !currentElement) {
+      return <span />;
+    }
+    switch (elementType) {
+      case 'reaction': return <RepoReactionDetails reaction={currentElement.reaction} />;
+      case 'sample': return <RepoSampleDetails element={currentElement} />;
+      default: return <span />;
+    }
+  }
+
+  render() {
+    return (
+      <div style={{ border: 'none' }}>
+        {this.switchTypeRender()}
+      </div>);
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoHome.js b/app/assets/javascripts/libHome/RepoHome.js
new file mode 100644
index 000000000..512a53cc3
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHome.js
@@ -0,0 +1,476 @@
+import React, {Component} from 'react'
+import { Label, Col, Row, Panel, ButtonToolbar, Button, Carousel, Thumbnail, Table, Well} from 'react-bootstrap'
+import SVG from 'react-inlinesvg'
+
+import PublicActions from '../components/actions/PublicActions'
+import PublicStore from '../components/stores/PublicStore'
+import { HomeFeature } from './RepoCommon';
+
+const PartnersInfo = (info) => {
+  const { header, img, content } = info
+  const imgSrc = `/images/repo/${img}`
+
+  return (
+    <Thumbnail alt={header} src={imgSrc} className="partners-info" key={img}>
+      <div className="info">
+        <h4>{header}</h4>
+        <p>{content}</p>
+      </div>
+    </Thumbnail>
+  );
+}
+
+const Infos = [
+  {
+    header: "Database API",
+    img: "OAI.png",
+    content: "The molecule and dataset metadata are available via a low-barrier mechanism for repository interopability.",
+  }, {
+    header: "KIT Stiftung",
+    img: "KITStiftung.png",
+    content: "The KIT foundation honors excellent contributions to chemistry research with the Chemotion Award.",
+  }, {
+    header: "re3data",
+    img: "re3data.png",
+    content: "Karlsruhe Institute of Technology Registry of Research Data Repositories",
+  }, {
+    header: "Inchitrust",
+    img: "InChITRUST.png",
+    content: "The KIT has a Supporter Membership.",
+  }, {
+    header: "Datacite",
+    img: "DataCite.png",
+    content: "Helping you to find, access, and reuse data.",
+  }, {
+    header: "Pubmed",
+    img: "pubchem.jpg",
+    content: "All compounds are automatically registered with PubChem.",
+  }, {
+    header: "Thomson Reuters",
+    img: "DCIbadge.png",
+    content: "Datasets are automatically registered at the Data Citation Index.",
+  }, {
+    header: "DFG",
+    img: "ri_logo.png",
+    content: "Listed in the DFG catalogue for Research Infrastructures.",
+  }
+]
+
+const timeInterval = (date) => {
+  if (!date) { return null; }
+  switch (typeof date) {
+    case 'number':
+      break;
+    case 'string':
+      date = +new Date(date);
+      break;
+    case 'object':
+      if (date.constructor === Date) date = date.getTime();
+      break;
+    default:
+      date = +new Date();
+  }
+  let seconds = Math.floor((new Date() - date) / 1000);
+  let intrvlTypes = [
+    [31536000, 'year', 'a'],
+    [2592000, 'month', 'a'],
+    [604800, 'week', 'a'],
+    [86400, 'day', 'a'],
+    [3600, 'hour', 'an'],
+    [60, 'minute', 'a'],
+    [1, 'second', 'a'],
+  ]
+  let intrvlCount = 0
+  let intrvlType = intrvlTypes.find((e) => {
+    intrvlCount = Math.floor(seconds / e[0])
+    return intrvlCount >= 1
+  })
+  return `${intrvlCount === 1 ? intrvlType[2] : intrvlCount} ${intrvlType[1]}${intrvlCount > 1 ? 's' : ''} ago`;
+}
+
+const CardLatestPublish = ({ lastPublished }) => {
+  if (lastPublished) {
+    const { sample, reaction } = lastPublished;
+    const svgPathSample = sample.sample_svg_file
+      ? `/images/samples/${sample.sample_svg_file}`
+      : `/images/molecules/${sample.molecule.molecule_svg_file}`;
+    const pubTagSample = sample.tag || {};
+    const svgPathReaction = reaction
+      ? `/images/reactions/${reaction.reaction_svg_file}`
+      : '/images/no_image_180.svg';
+    const pubTagReaction = reaction.tag || {};
+    const spanStyle = {
+      color: 'black', textShadow: 'none', textAlign: 'justify', fontSize: 'medium'
+    };
+
+
+    return (
+      <div className="card-well-competition">
+        <Carousel className="carl-spt" indicators={false} interval={6000}>
+          <Carousel.Item className="carl-spt-item">
+            <a title="Click to view details" style={{ cursor: 'pointer' }} onClick={() => PublicActions.displayMolecule(sample.molecule.id)}>
+              <SVG src={svgPathSample} key={svgPathSample} className="carl-sample" />
+            </a>
+            <Carousel.Caption className="caption">
+              <span style={spanStyle}>Published {timeInterval(pubTagSample.published_at || pubTagSample.doi_reg_at || pubTagSample.queued_at)} by {sample.contributor}</span>
+            </Carousel.Caption>
+          </Carousel.Item>
+          <Carousel.Item className="carl-spt-item">
+            <a title="Click to view details" style={{ cursor: 'pointer' }} onClick={() => PublicActions.displayReaction(reaction.id)}>
+              <SVG src={svgPathReaction} key={svgPathReaction} className="carl-sample" />
+            </a>
+            <Carousel.Caption className="caption">
+    <span style={spanStyle}>Published {timeInterval(pubTagReaction.published_at || pubTagReaction.doi_reg_at || pubTagReaction.queued_at)} by {reaction.contributor}</span>
+            </Carousel.Caption>
+          </Carousel.Item>
+        </Carousel>
+      </div>
+    );
+  }
+  return <div />;
+};
+
+const CardSample = ({ lastPublishedSample }) => {
+  const sample = lastPublishedSample;
+  let svgPath = '/images/no_image_180.svg';
+  // let href = ''
+
+  if (sample) {
+    svgPath = sample.svgPath
+      ? `/images/samples/${sample.sample_svg_file}`
+      : `/images/molecules/${sample.molecule.molecule_svg_file}`
+    // href = `/molecules/${sample.molecule.id}`;
+    const pubTag = sample.tag && sample.tag.taggable_data['publication'] || {}
+
+    return (
+      <div className="card-well">
+        <div style={{ backgroundColor: 'white' }}>
+          <SVG style={{ backgroundColor: 'white' }} src={svgPath} key={svgPath}/>
+        </div>
+        <p style={{ textAlign: 'centered' }}>Published { timeInterval(pubTag.published_at || pubTag.doi_reg_at || pubTag.queued_at)} by {pubTag.creators[0].name}</p>
+        <ButtonToolbar>
+          <Button
+            onClick={() =>PublicActions.displayMolecule(sample.molecule.id)}
+            bsStyle="primary"
+            // href={href}
+          >
+            View
+          </Button>
+        </ButtonToolbar>
+      </div>
+    )
+  }
+  return (
+    <div className="card-well">
+      <SVG src={'/images/wild_card/no_image_180.svg'} />
+
+      <ButtonToolbar>
+        <Button bsStyle="primary" >
+          View
+        </Button>
+      </ButtonToolbar>
+    </div>
+  )
+}
+
+const CardIntro = () => {
+  return (
+    <div className="card-well">
+      <ImgTitle />
+    </div>
+  )
+}
+
+const ImgTitle = () => {
+  return (
+    <Row>
+      <Col md={6}>
+        <img
+          className="icon-chemotion"
+          src="/images/repo/chemotion_full.svg"
+          key="chemotion_full"
+          alt="icon"
+        />
+      </Col>
+      <Col md={6}>
+        <h2 className="repository-for" >
+          Repository for molecules, reactions and research data
+        </h2>
+      </Col>
+      <Col md={12} >
+        <h3>Visibility and Impact</h3>
+        <ul>
+          <li>
+            Publish your structures, attach your characterization data, and make them citable via DOI
+          </li>
+          <li>
+            Automated registration at various scientific data providers
+          </li>
+          <li>
+            Long-term archival - from scientists for scientists
+          </li>
+          <li>
+            <h4 style={{ display: 'inline' }}><Label style={{ backgroundColor: '#ff5555', textShadow: '2px 2px #555' }}>NEW</Label></h4>
+            <i>&nbsp;Now, publish your Reactions</i>
+          </li>
+        </ul>
+      </Col>
+    </Row>
+  )
+}
+
+const StaticsBoard = (params) => {
+  const { publishedStatics } = params;
+  if (publishedStatics && publishedStatics.length !== 0) {
+    const stsSample = publishedStatics.find(p => (p.el_type === 'sample' && p.ex_type === 'sample'));
+    const stsSampleReview = publishedStatics.find(p => (p.el_type === 'sample' && p.ex_type === 'sample-review'));
+    const stsSampleEmbargo = publishedStatics.find(p => (p.el_type === 'sample' && p.ex_type === 'sample-embargo'));
+    const stsReaction = publishedStatics.find(p => (p.el_type === 'reaction' && p.ex_type === 'reaction'));
+    const stsReactionReview = publishedStatics.find(p => (p.el_type === 'reaction' && p.ex_type === 'reaction-review'));
+    const stsReactionEmbargo = publishedStatics.find(p => (p.el_type === 'reaction' && p.ex_type === 'reaction-embargo'));
+    const stsAnalysis = publishedStatics.filter(p => p.el_type === 'analysis');
+    const stsAnalysisSort = stsAnalysis.sort((a, b) => a.e_cnt - b.e_cnt).reverse();
+    const stsAnalysisCnt = stsAnalysisSort
+      .map(e => Number(e.e_cnt)).reduce((accumulator, currentValue) => accumulator + currentValue);
+
+    const csInfo = {
+      borderBottomWidth: '6px', paddingLeft: 'unset', paddingRight: 'unset', borderColor: '#3a9fd3', marginBottom: '10px'
+    };
+    const csHead = {
+      backgroundColor: 'unset', color: 'unset', fontSize: '2rem', border: 'none', textAlign: 'center', paddingLeft: 'unset', paddingRight: 'unset'
+    };
+
+    return (
+      <Row className="card-well-competition">
+        <Col lg={12} md={12} sm={12} className="panel panel-info" style={csInfo}>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={csHead}>
+            <Row style={{ lineHeight: 'normal', fontWeight: 'bolder' }}>
+              <div style={{ fontSize: '6rem' }}><i className="icon-sample" /></div>
+              <div style={{ fontSize: '1.6rem' }}>Samples</div>
+            </Row>
+          </Col>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={csHead}>
+            <Row style={{ textAlign: 'left' }}>
+              <div style={{ fontSize: '1.6rem', color: '#3a9fd3', marginBottom: '-14px' }}>published</div>
+              <div style={{ fontSize: '4rem' }}>{stsSample.e_cnt}</div>
+              <div className="italic-desc">{stsSampleReview.e_cnt} under review</div>
+              <div className="italic-desc">{stsSampleEmbargo.e_cnt} under embargo</div>
+            </Row>
+          </Col>
+        </Col>
+        <Col lg={12} md={12} sm={12} className="panel panel-info" style={csInfo}>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={csHead}>
+            <Row style={{ lineHeight: 'normal', fontWeight: 'bolder' }}>
+              <div style={{ fontSize: '6rem' }}><i className="icon-reaction" /></div>
+              <div style={{ fontSize: '1.6rem' }}>Reactions</div>
+            </Row>
+          </Col>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={csHead}>
+            <Row style={{ textAlign: 'left' }}>
+              <div style={{ fontSize: '1.6rem', color: '#3a9fd3', marginBottom: '-14px' }}>published</div>
+              <div style={{ fontSize: '4rem' }}>{stsReaction.e_cnt}</div>
+              <div className="italic-desc">{stsReactionReview.e_cnt} under review</div>
+              <div className="italic-desc">{stsReactionEmbargo.e_cnt} under embargo</div>
+            </Row>
+          </Col>
+        </Col>
+        <Col lg={12} md={12} sm={12} className="panel panel-info" style={csInfo}>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={{ ...csHead, padding: '0px' }}>
+            <Row style={{ lineHeight: 'normal', fontWeight: 'bolder', display: 'inline' }}>
+              <div style={{ fontSize: '5rem' }}><i className="fa fa-area-chart" aria-hidden /></div>
+              <div style={{ fontSize: '1.6rem' }}>Analyses</div>
+            </Row>
+          </Col>
+          <Col lg={6} md={6} sm={6} className="panel-heading" style={{ ...csHead, padding: '0px' }}>
+            <Row style={{ textAlign: 'left' }}>
+              <div style={{ fontSize: '4rem' }}>{stsAnalysisCnt}</div>
+              <div style={{ fontSize: '1.4rem', fontStyle: 'italic', display: 'inline-block' }}>Top 3:&nbsp;&nbsp;
+                <span style={{ float: 'right' }}>
+                  <div className="italic-desc">{stsAnalysisSort[0].e_cnt}&nbsp;{stsAnalysisSort[0].ex_type}</div>
+                  <div className="italic-desc">{stsAnalysisSort[1].e_cnt}&nbsp;{stsAnalysisSort[1].ex_type}</div>
+                  <div className="italic-desc">{stsAnalysisSort[2].e_cnt}&nbsp;{stsAnalysisSort[2].ex_type}</div>
+                </span>
+              </div>
+            </Row>
+          </Col>
+        </Col>
+      </Row>
+    );
+  }
+  return <div />;
+};
+
+class RepoHome extends Component {
+  constructor(props) {
+    super()
+    this.state = {
+    };
+    this.onChange = this.onChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+    PublicActions.lastPublished();
+    PublicActions.publishedStatics();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(PublicState) {
+    if (PublicState.lastPublished || PublicState.publishedStatics) {
+      this.setState(prevState => ({
+        ...prevState,
+        lastPublished: PublicState.lastPublished,
+        publishedStatics: PublicState.publishedStatics
+      }));
+    }
+  }
+
+  render() {
+    const features = {
+      metadata: {
+        fa: 'fa fa-file-code-o',
+        title: 'Metadata',
+        intro: 'Keep your research data findable and accessible and collect descriptions about the data. Based on DataCite Metadata Scheme 4.0.'
+      },
+      doi: {
+        fa: 'fa fa-id-card-o',
+        title: 'DOI',
+        intro: 'Tie Digital Object Identifier (DOI) to your research data. This registers your data in DataCite and makes it identifiable, searchable and citable.'
+      },
+      license: {
+        fa: 'fa fa-creative-commons',
+        title: 'Licenses',
+        intro: 'Choose which license is suitable for your research data to allow others to re-use your data.'
+      },
+      embargo: {
+        fa: 'fa fa-ban',
+        title: 'Embargo',
+        intro: 'Put an embargo on your data. This allows you to delay the publication of your research data. You can release to make your research data visible to the public whenever you are ready.'
+      },
+      // usage: {
+      //   fa: 'fa fa-bar-chart',
+      //   title: 'Usage',
+      //   intro: 'Assess your research data and track the published research data......'
+      // },
+      // oai: {
+      //   fa: 'fa fa-tasks',
+      //   title: 'OAI Provider',
+      //   intro: 'Exposes your research data using the Open Archives Initative Protocol for Metadata Harvesting (OAI-PMH). OAI-PMH is a protocol developed for harvesting metadata and we support representing the metadata of your published research data.'
+      // },
+      dataQuality: {
+        fa: 'fa fa-diamond',
+        title: 'Data Quality',
+        intro: 'Release your research data and pass an internal review that ensures data quality.'
+      },
+      peer: {
+        fa: 'fa fa-external-link',
+        title: 'Peer review',
+        intro: 'Before publication, you can share your data with external reviewers or the publishers.'
+      },
+      store: {
+        fa: 'fa fa-database',
+        title: 'Storage',
+        intro: 'Hosted by an experienced data center, Chemotion repository can store your research data reliably and securely.'
+      },
+      api: {
+        fa: 'fa fa-connectdevelop',
+        title: 'APIs',
+        intro: 'With Chemotion APIs, transfer data easily from your ELN to the repository.'
+      }
+    };
+
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+        <Col md={12}>
+          <Row>
+            <Col md={3} sm={12}>
+              <CardLatestPublish lastPublished={this.state.lastPublished} />
+            </Col>
+            <Col md={6} sm={12}>
+              <CardIntro />
+            </Col>
+            <Col md={3} sm={12}>
+              <StaticsBoard publishedStatics={this.state.publishedStatics} />
+            </Col>
+          </Row>
+          <Row>
+            <Col md={2} sm={12}>&nbsp;</Col>
+            <Col md={8} sm={12}>
+              <Row>
+                <Col md={12} sm={12}>
+                  <div className="home-title">
+                    <span>
+                      Features
+                    </span>
+                  </div>
+                </Col>
+              </Row>
+              <Row className="feature">
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.store.fa} title={features.store.title} intro={features.store.intro} />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.metadata.fa} title={features.metadata.title} intro={features.metadata.intro} />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.doi.fa} title={features.doi.title} intro={features.doi.intro} />
+                </Col>
+              </Row>
+              <Row className="feature">
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.license.fa} title={features.license.title} intro={features.license.intro} />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.dataQuality.fa} title={features.dataQuality.title} intro={features.dataQuality.intro} />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.embargo.fa} title={features.embargo.title} intro={features.embargo.intro} />
+                </Col>
+              </Row>
+              <Row className="feature">
+                <Col md={2} sm={12}>
+                  <div />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.peer.fa} title={features.peer.title} intro={features.peer.intro} />
+                </Col>
+                <Col md={4} sm={12}>
+                  <HomeFeature fa={features.api.fa} title={features.api.title} intro={features.api.intro} />
+                </Col>
+                <Col md={2} sm={12}>
+                  <div />
+                </Col>
+              </Row>
+            </Col>
+            <Col md={2} sm={12}>&nbsp;</Col>
+          </Row>
+          <Row className="card-partners">
+            <Col md={12} sm={12}>
+              <Row>
+                <Col md={12} sm={12}>
+                  <div className="home-title">
+                    <span>
+                      Partners, Affiliations, APIs
+                    </span>
+                  </div>
+                </Col>
+              </Row>
+              <Row>
+                <Col md={12} sm={12}>
+                  <div className="partner-row" >
+                    { Infos.map((info, index) => PartnersInfo(info, index)) }
+                  </div>
+                </Col>
+              </Row>
+            </Col>
+          </Row>
+        </Col>
+      </Row>
+    );
+  }
+}
+
+export default RepoHome;
diff --git a/app/assets/javascripts/libHome/RepoHowTo.js b/app/assets/javascripts/libHome/RepoHowTo.js
new file mode 100644
index 000000000..00c109964
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowTo.js
@@ -0,0 +1,177 @@
+import React, { Component } from 'react';
+import { Col, Row } from 'react-bootstrap';
+import { orderBy } from 'lodash';
+import PublicActions from '../components/actions/PublicActions';
+import PublicStore from '../components/stores/PublicStore';
+import ArticleFetcher from '../components/fetchers/ArticleFetcher';
+import { BackSoonPage, DateFormatYMDLong } from '../libHome/RepoCommon';
+
+const renderEditRead = (article, isEditor) => {
+  if (isEditor === true) {
+    return (
+      <div style={{ position: 'relative' }}>
+        <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/howtoeditor/${article.key}`)}><i className="fa fa-pencil" />&nbsp;Edit&nbsp;</a>
+        <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/howto/${article.key}`) }><i className="fa fa-wpexplorer" />&nbsp;Read more</a>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ position: 'relative' }}>
+      <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/howto/${article.key}`)}><i className="fa fa-wpexplorer" />&nbsp;Read more</a>
+    </div>
+  );
+};
+
+
+const mainImage = (howto) => {
+  let imageUrl = '';
+  if (typeof (howto) !== 'undefined' && howto
+    && typeof (howto.cover_image) !== 'undefined' && howto.cover_image) {
+    imageUrl = `/howto/${howto.cover_image}`;
+  }
+  return (
+    <div style={{ maxWidth: '100%', height: 'auto' }}>
+      {
+        imageUrl === '' ?
+          <div style={{ textAlign: 'center', width: '100%', height: 'auto', whiteSpace: 'nowrap' }}>
+            <i className="fa fa-quote-left fa-2x" aria-hidden="true" />
+            <span style={{ fontSize: '3em', fontWeight: 'bold' }}>&nbsp;HOW TO&nbsp;</span>
+            <i className="fa fa-quote-right fa-2x" aria-hidden="true" style={{ position: 'absolute' }} />
+          </div>
+          :
+          <img
+            src={imageUrl}
+            style={{
+              display: 'block',
+              width: '100%',
+              height: 'auto'
+            }}
+            alt=""
+          />
+      }
+    </div>
+  );
+};
+
+export default class RepoHowTo extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      howtos: PublicStore.getState().howtos || [],
+      isEditor: false
+    };
+    this.onChange = this.onChange.bind(this);
+    this.initial = this.initial.bind(this);
+  }
+
+  componentDidMount() {
+    this.initial();
+    PublicStore.listen(this.onChange);
+    PublicActions.howtos();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    if (state.howtos) {
+      this.setState(prevState => ({
+        ...prevState, howtos: state.howtos
+      }));
+    }
+    if (state.isEditor) {
+      this.setState(prevState => ({
+        ...prevState, isEditor: state.isEditor
+      }));
+    }
+  }
+
+  initial() {
+    ArticleFetcher.initialHowTo()
+      .then((result) => {
+        this.setState({
+          isEditor: result.is_howto_editor
+        });
+      });
+  }
+
+  render() {
+    let { howtos } = this.state;
+    const { isEditor } = this.state;
+    howtos = isEditor ? howtos : howtos.filter(d => new Date() > new Date(d.published_at));
+    howtos = orderBy(
+      howtos,
+      (o) => {
+        if (!o.published_at || o.published_at === '') return o.created_at;
+        return o.published_at;
+      },
+      'desc'
+    );
+
+    return howtos.length > 0 ? (
+      <Row className="howto_page">
+        <Col lg={12} md={12}>
+          <NewsList howtos={howtos} isEditor={isEditor} />
+        </Col>
+      </Row>
+    ) :
+      <Row className="howto_page" style={{ textAlign: 'center' }}>
+        <Col md={12}>
+          <BackSoonPage />
+        </Col>
+      </Row>;
+  }
+}
+
+const NewsColSmall = (param) => {
+  const { howto, isEditor } = param;
+  return (
+    <Col lg={12} md={12} sm={12} className="news_column">
+      <div className="news_card_content">
+        <div className="news_card_s">
+          <Col md={4} sm={12}>{mainImage(howto)}</Col>
+          <Col md={8} sm={12}>
+            <div className="card_info">
+              <div className="info">
+                <h1 style={{ overflow: 'hidden', textOverflow: 'ellipsis', maxHeight: '50px' }}>{howto.title}</h1>
+                <div className="news_content_card_s">
+                  <p />
+                  {howto.firstParagraph}
+                  <p />
+                </div>
+              </div>
+            </div>
+            <div className="read">
+              {renderEditRead(howto, isEditor)}
+            </div>
+          </Col>
+        </div>
+        <div className="news_card_badge_s">
+          <i className="fa fa-user-circle" aria-hidden="true" />&nbsp;<span>{howto.creator_name}</span>&nbsp;
+          <i className="fa fa-calendar" aria-hidden="true" />&nbsp;<span>Published on {DateFormatYMDLong(howto.published_at ? howto.published_at : howto.created_at)}</span>
+          <span>, updated on {DateFormatYMDLong(howto.updated_at ? howto.updated_at : howto.published_at)}</span>
+        </div>
+      </div>
+    </Col>
+  );
+};
+
+const NewsList = (param) => {
+  const { howtos } = param;
+  return howtos.length > 0 ? (
+    <Row>
+      <Col md={1} />
+      <Col md={10} sm={12} style={{ display: 'flex', flexDirection: 'column' }}>
+        <Row>
+          {
+            howtos.map(a => (<NewsColSmall isEditor={param.isEditor} key={`news_col_${a.key}`} howto={a} />))
+          }
+        </Row>
+      </Col>
+      <Col md={1} />
+    </Row>
+  ) : <div />;
+};
+
diff --git a/app/assets/javascripts/libHome/RepoHowTo/EditorBtn.js b/app/assets/javascripts/libHome/RepoHowTo/EditorBtn.js
new file mode 100644
index 000000000..a503ce392
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowTo/EditorBtn.js
@@ -0,0 +1,67 @@
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Tooltip, OverlayTrigger } from 'react-bootstrap';
+import uuid from 'uuid';
+
+const fa = klass => (<i className={klass} aria-hidden="true" />);
+const FaBtn = props => (
+  <OverlayTrigger placement={props.place} overlay={<Tooltip id={uuid.v4()}>{props.tip}</Tooltip>}>
+    <Button bsStyle={props.bsStyle} bsSize={props.bsSize} onClick={props.onClick} >
+      {props.txt}&nbsp;{fa(props.fa)}
+    </Button>
+  </OverlayTrigger>
+);
+FaBtn.propTypes = {
+  tip: PropTypes.string.isRequired,
+  txt: PropTypes.string.isRequired,
+  fa: PropTypes.string,
+  place: PropTypes.string,
+  bsStyle: PropTypes.string,
+  bsSize: PropTypes.string,
+  onClick: PropTypes.func,
+};
+FaBtn.defaultProps = {
+  fa: '',
+  place: 'top',
+  bsStyle: 'primary',
+  bsSize: 'small',
+  onClick: null,
+};
+
+const EditorBtn = props => (
+  <div className="editor-btn">
+    <FaBtn tip="Add Text Section" txt="Add" fa="fa fa-file-text-o" onClick={() => props.onClick('txt')} />
+    <FaBtn tip="Add Image Section" txt="Add" fa="fa fa-picture-o" onClick={() => props.onClick('img')} />
+  </div>
+);
+
+EditorBtn.propTypes = {
+  onClick: PropTypes.func,
+};
+
+EditorBtn.defaultProps = {
+  onClick: null,
+};
+
+const EditorBaseBtn = props => (
+  <div className="editor-btn">
+    {/* <FaBtn tip="Preview" txt="Preview" bsStyle="info" onClick={onClick} /> */}
+    <FaBtn tip="Save" txt="Save" bsStyle="success" onClick={() => props.onClick('save')} />
+    <FaBtn tip="Delete" txt="Delete" bsStyle="danger" onClick={() => props.onClick('delete')} />
+  </div>
+);
+
+EditorBaseBtn.propTypes = {
+  onClick: PropTypes.func,
+};
+
+EditorBaseBtn.defaultProps = {
+  onClick: null,
+};
+
+module.exports = {
+  FaBtn,
+  EditorBtn,
+  EditorBaseBtn,
+};
diff --git a/app/assets/javascripts/libHome/RepoHowTo/EditorImage.js b/app/assets/javascripts/libHome/RepoHowTo/EditorImage.js
new file mode 100644
index 000000000..b1f1609f4
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowTo/EditorImage.js
@@ -0,0 +1,43 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import Dropzone from 'react-dropzone';
+
+export default class EditorImage extends Component {
+  handleDrop(files) {
+    if (files && files.length > 0) {
+      this.props.onChange('pfad', files);
+    }
+  }
+  render() {
+    return (
+      <div style={{ backgroundColor: 'white' }}>
+        <Dropzone
+          accept="image/*"
+          multiple={false}
+          onDrop={files => this.handleDrop(files)}
+          className="dropzone"
+        >
+          {
+            this.props.pfad !== '' ?
+              <div className="image-container">
+                <img src={`/${this.props.editor_type}/${this.props.pfad}`} alt="" />
+              </div>
+              : <p>Drop Files, or Click to Select.</p>
+          }
+        </Dropzone>
+      </div>
+    );
+  }
+}
+
+EditorImage.propTypes = {
+  pfad: PropTypes.string,
+  onChange: PropTypes.func,
+  editor_type: PropTypes.string,
+};
+
+EditorImage.defaultProps = {
+  pfad: '',
+  onChange: null,
+  editor_type: '',
+};
diff --git a/app/assets/javascripts/libHome/RepoHowTo/EditorRichText.js b/app/assets/javascripts/libHome/RepoHowTo/EditorRichText.js
new file mode 100644
index 000000000..d3c05b6c5
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowTo/EditorRichText.js
@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import QuillEditor from '../../components/QuillEditor';
+
+export default class EditorRichText extends Component {
+  handleChange(e) {
+    this.props.onChange('quill', e);
+  }
+  render() {
+    return (
+      <div style={{ backgroundColor: 'white' }}>
+        <QuillEditor
+          value={this.props.quill}
+          onChange={e => this.handleChange(e)}
+          extraToolbarOptions={[['link'], [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }]]}
+        />
+      </div>
+    );
+  }
+}
+
+EditorRichText.propTypes = {
+  quill: PropTypes.object,
+  onChange: PropTypes.func,
+};
+
+EditorRichText.defaultProps = {
+  quill: null,
+  onChange: null,
+};
diff --git a/app/assets/javascripts/libHome/RepoHowTo/EditorStelle.js b/app/assets/javascripts/libHome/RepoHowTo/EditorStelle.js
new file mode 100644
index 000000000..1af6593d7
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowTo/EditorStelle.js
@@ -0,0 +1,84 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Row, Col } from 'react-bootstrap';
+import RepoHowToDragSource from '../RepoHowToDragSource';
+import RepoHowToDropTarget from '../RepoHowToDropTarget';
+import EditorRichText from '../RepoHowTo/EditorRichText';
+import EditorImage from '../RepoHowTo/EditorImage';
+import { FaBtn } from './EditorBtn';
+
+export default class EditorStelle extends Component {
+  handleChange(t, e) {
+    this.props.onChange(t, e, this.props.sid);
+  }
+
+  renderComponent() {
+    let label = '';
+    let component = <div />;
+    switch (this.props.stelle.art) {
+      case 'txt':
+        label = (<div className="editor-stelle">Text Section</div>);
+        component =
+          (<EditorRichText
+            quill={this.props.stelle.quill}
+            onChange={(t, e) => this.handleChange(t, e)}
+            sid={this.props.sid}
+            editor_type={this.props.editor_type}
+          />);
+        break;
+      case 'img':
+        label = (<div className="editor-stelle">Image Section</div>);
+        component =
+          (<EditorImage
+            pfad={this.props.stelle.pfad}
+            onChange={(t, e) => this.handleChange(t, e)}
+            sid={this.props.sid}
+            editor_type={this.props.editor_type}
+          />);
+        break;
+      default:
+    }
+
+    return (
+      <div>
+        {label}
+        {component}
+      </div>
+    );
+  }
+
+  render() {
+    return (
+      <Row>
+        <Col md={12} sm={12}>
+          <RepoHowToDropTarget
+            sid={this.props.sid}
+            stelle={this.props.stelle}
+            onDrop={this.props.onDrop}
+          />
+        </Col>
+        <Col md={12} sm={12}>
+          <div className="pull-right">
+            <FaBtn tip="remove this section" txt="" fa="fa fa-trash-o" bsStyle="danger" bsSize="xsmall" onClick={() => this.props.onRemove(this.props.sid)} />
+          </div>
+          <RepoHowToDragSource sid={this.props.sid} stelle={this.props.stelle} />
+          {this.renderComponent()}
+        </Col>
+      </Row>
+    );
+  }
+}
+
+EditorStelle.propTypes = {
+  sid: PropTypes.number.isRequired,
+  stelle: PropTypes.shape({
+    art: PropTypes.string,
+    quill: PropTypes.object,
+    pfad: PropTypes.string,
+  }).isRequired,
+  onDrop: PropTypes.func.isRequired,
+  onRemove: PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
+  editor_type: PropTypes.string.isRequired,
+};
+
diff --git a/app/assets/javascripts/libHome/RepoHowToDragSource.js b/app/assets/javascripts/libHome/RepoHowToDragSource.js
new file mode 100644
index 000000000..0873b66a2
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowToDragSource.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { DragSource } from 'react-dnd';
+import DragDropItemTypes from '../components/DragDropItemTypes';
+
+const listSource = {
+  beginDrag(props) { return { sid: props.sid, stelle: props.stelle }; },
+};
+
+const collectSource = (connect, monitor) => ({
+  connectDragSource: connect.dragSource(),
+  isDragging: monitor.isDragging(),
+});
+
+const RepoHowToDragSource = ({ connectDragSource }) => connectDragSource(<span className="fa fa-lg fa-arrows text-info drag-source" />);
+
+export default DragSource(DragDropItemTypes.HOWTO, listSource, collectSource)(RepoHowToDragSource);
+
+RepoHowToDragSource.propTypes = {
+  connectDragSource: PropTypes.func.isRequired,
+};
diff --git a/app/assets/javascripts/libHome/RepoHowToDropTarget.js b/app/assets/javascripts/libHome/RepoHowToDropTarget.js
new file mode 100644
index 000000000..09efb95a6
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowToDropTarget.js
@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { DropTarget } from 'react-dnd';
+import DragDropItemTypes from '../components/DragDropItemTypes';
+
+const stelleTarget = {
+  drop(targetProps, monitor) {
+    const targetTag = { sid: targetProps.sid, stelle: targetProps.stelle };
+    const sourceProps = monitor.getItem();
+    const sourceTag = { sid: sourceProps.sid, stelle: sourceProps.stelle };
+    if (targetTag.sid !== sourceTag.sid) {
+      targetProps.onDrop({ sourceTag, targetTag });
+    }
+  }
+};
+
+const stelleDropCollect = (connect, monitor) => ({
+  connectDropTarget: connect.dropTarget(),
+  isOver: monitor.isOver(),
+  canDrop: monitor.canDrop()
+});
+
+
+class RepoHowToDropTarget extends Component {
+  render() {
+    const { connectDropTarget, isOver, canDrop } = this.props;
+    const className = `editor-field-drop-target${isOver ? ' is-over' : ''}${canDrop ? ' can-drop' : ''}`;
+    return connectDropTarget(<div className={className}><div className="indicator" /></div>);
+  }
+}
+
+export default DropTarget(
+  DragDropItemTypes.HOWTO,
+  stelleTarget, stelleDropCollect
+)(RepoHowToDropTarget);
+
+RepoHowToDropTarget.propTypes = {
+  connectDropTarget: PropTypes.func.isRequired,
+  isOver: PropTypes.bool.isRequired,
+  canDrop: PropTypes.bool.isRequired,
+};
diff --git a/app/assets/javascripts/libHome/RepoHowToEditor.js b/app/assets/javascripts/libHome/RepoHowToEditor.js
new file mode 100644
index 000000000..7feca87b5
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowToEditor.js
@@ -0,0 +1,435 @@
+import React, { Component } from 'react';
+import { Alert, Jumbotron, Row, Col, Form, FormGroup, FormControl, ControlLabel, Button, InputGroup } from 'react-bootstrap';
+import Dropzone from 'react-dropzone';
+import moment from 'moment';
+import ArticleFetcher from '../components/fetchers/ArticleFetcher';
+import NewsPreviewModal from '../components/common/NewsPreviewModal';
+import PublicStore from '../components/stores/PublicStore';
+import { ConfirmModal } from '../components/common/ConfirmModal';
+import Attachment from '../components/models/Attachment';
+import { EditorTips, DateFormatDMYTime } from '../libHome/RepoCommon';
+import { contentToText } from '../components/utils/quillFormat';
+import { EditorBtn, EditorBaseBtn } from './RepoHowTo/EditorBtn';
+import EditorStelle from './RepoHowTo/EditorStelle';
+
+const extractIntro = (article) => {
+  const result = article.filter(a => a.art === 'txt');
+  if (result.length < 1) {
+    return '';
+  }
+  return (contentToText(result[0].quill) || '').slice(0, 1500);
+};
+
+const confirmText = (
+  <ControlLabel>Are you sure that you want to delete this ?</ControlLabel>
+);
+
+const stelle = props => ({ art: props.art || '', quill: props.quill || null, pfad: props.pfad || '' });
+
+export default class RepoHowToEditor extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      howto: PublicStore.getState().howto && PublicStore.getState().howto.key ? { ...PublicStore.getState().howto } : { title: '', content: {}, article: [] },
+      message: { type: '', content: '' },
+      showPreview: false,
+      showDeleteModal: false
+    };
+
+    this.onInputChange = this.onInputChange.bind(this);
+    this.onClickPreview = this.onClickPreview.bind(this);
+    this.onClickCurrentTime = this.onClickCurrentTime.bind(this);
+    this.onClickClose = this.onClickClose.bind(this);
+    this.onClickSave = this.onClickSave.bind(this);
+    this.onClickDelete = this.onClickDelete.bind(this);
+    this.handleDismiss = this.handleDismiss.bind(this);
+    this.onChange = this.onChange.bind(this);
+    this.onShowDeleteModal = this.onShowDeleteModal.bind(this);
+    this.onEditorBtnClick = this.onEditorBtnClick.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onEditorBtnClick(e) {
+    const { howto } = this.state;
+    howto.article.push(stelle({ art: e }));
+    this.setState(howto);
+  }
+
+  onEditorBaseBtnClick(e) {
+    switch (e) {
+      case 'save':
+        this.onClickSave();
+        break;
+      case 'delete':
+        this.onShowDeleteModal();
+        break;
+      default:
+    }
+  }
+
+  onStelleDrop(e) {
+    const { howto } = this.state;
+    const { article } = howto;
+
+    article[e.sourceTag.sid] = e.targetTag.stelle;
+    article[e.targetTag.sid] = e.sourceTag.stelle;
+
+    howto.article = article;
+    this.setState(howto);
+  }
+
+  onStelleRemove(e) {
+    const { howto } = this.state;
+    howto.article.splice(e, 1);
+    this.setState(howto);
+  }
+
+  onStelleInputChange(art, e, sid) {
+    const { howto } = this.state;
+    switch (art) {
+      case 'quill':
+        howto.article[sid].quill = e;
+        this.setState(howto);
+        break;
+      case 'pfad':
+        this.handleImage(e, sid);
+        break;
+      default:
+        break;
+    }
+  }
+
+  onChange(state) {
+    if (state.howto && state.howto.key) {
+      this.setState(prevState => ({
+        ...prevState, howto: state.howto
+      }));
+    } else {
+      this.setState(prevState => ({
+        ...prevState, howto: { title: '', content: {}, article: [] }
+      }));
+    }
+  }
+
+  onInputChange(type, event) {
+    const { howto } = this.state;
+    switch (type) {
+      case 'title':
+        howto.title = event.currentTarget.value;
+        break;
+      case 'content':
+        howto.content = event;
+        break;
+      case 'published_at':
+        howto.published_at = event.currentTarget.value.trim();
+        break;
+      case 'updated_at':
+        howto.updated_at = event.currentTarget.value.trim();
+        break;
+      default:
+        break;
+    }
+    this.setState({ howto });
+  }
+
+  onClickCurrentTime(type) {
+    const currentTime = new Date().toLocaleString('en-GB').split(', ').join(' ');
+    const wrappedEvent = { currentTarget: { value: currentTime } };
+    this.onInputChange(type, wrappedEvent);
+  }
+
+  onClickPreview() {
+    this.setState({ showPreview: true });
+  }
+
+  onClickClose() {
+    this.setState({ showPreview: false });
+  }
+
+  onClickSave() {
+    const { howto } = this.state;
+    let m = moment(howto.published_at, 'DD/MM/YYYY HH:mm:ss');
+    if (howto.published_at && howto.published_at !== '' && !m.isValid()) {
+      howto.published_at = DateFormatDMYTime(howto.published_at);
+    }
+    m = moment(howto.published_at, 'DD/MM/YYYY HH:mm:ss');
+
+    if ((typeof howto.title === 'undefined') || !howto.title || howto.title.trim() === '') {
+      this.setState({ message: { type: 'danger', content: 'Ooops! Title can not be empty!' } });
+    } else if (howto.published_at && howto.published_at !== '' && !m.isValid()) {
+      this.setState({ message: { type: 'danger', content: 'Ooops! Published On is invalid !' } });
+    } else {
+      howto.firstParagraph = extractIntro(howto.article);
+      ArticleFetcher.createOrUpdateHowTo(howto)
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            this.setState({
+              howto: { title: '', content: {}, article: [] },
+              message: { type: 'success', content: 'Send to How-To successfully!' }
+            });
+          }
+        });
+    }
+  }
+
+  onShowDeleteModal() {
+    this.setState({ showDeleteModal: true });
+  }
+
+  onClickDelete(isDelete) {
+    if (isDelete) {
+      const { howto } = this.state;
+      ArticleFetcher.deleteHowTo(howto)
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            this.setState({ howto: { title: '', content: {}, article: [] }, message: { type: 'success', content: 'Deleted successfully!' } });
+          }
+        });
+    }
+    this.setState({ showDeleteModal: false });
+  }
+
+  handleImage(files, sid) {
+    const { howto } = this.state;
+    const image = Attachment.fromFile(files[0]);
+    ArticleFetcher.updateEditorImage(image, 'howto')
+      .then((result) => {
+        if (result.error) {
+          this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+        } else {
+          howto.article[sid].pfad = result.pfad_image;
+          this.setState(howto);
+        }
+      });
+  }
+
+  handleDismiss() {
+    this.setState({ message: { type: '', content: '' } });
+  }
+
+  deleteNewButton() {
+    const { howto } = this.state;
+    if (typeof (howto.key) === 'undefined' || !howto.key || howto.key === 'new') {
+      return (
+        <span />
+      );
+    }
+    return (
+      <Button bsStyle="danger" onClick={() => this.onShowDeleteModal()} className="button-right">
+        Delete
+      </Button>
+    );
+  }
+
+  coverImage() {
+    let imageUrl = '';
+    const { howto } = this.state;
+    if (typeof (howto) !== 'undefined' && howto &&
+      typeof (howto.cover_image) !== 'undefined' && howto.cover_image) {
+      imageUrl = `/howto/${howto.cover_image}`;
+    }
+
+    return (
+      <div>
+        <h4><b>How-To Cover</b></h4>
+        <h5>Click on the image to change the cover</h5>
+        <span style={{ width: '400px', height: '268px' }}>
+          <Dropzone
+            onDrop={files => this.handleFileDrop(files)}
+            style={{ height: '100%', width: '100%', border: '3px dashed lightgray' }}
+          >
+            {
+              imageUrl === '' ?
+                <div style={{ textAlign: 'center' }}>
+                  <i className="fa fa-quote-left fa-2x" aria-hidden="true" />
+                  <span style={{ fontSize: '3em', fontWeight: 'bold' }}>&nbsp;HOW TO&nbsp;</span>
+                  <i className="fa fa-quote-right fa-2x" aria-hidden="true" style={{ position: 'absolute' }} />
+                </div>
+              :
+                <img
+                  src={imageUrl}
+                  style={{
+                    display: 'block',
+                    maxHeight: '100%',
+                    maxWidth: '100%',
+                  }}
+                  alt=""
+                />
+            }
+          </Dropzone>
+        </span>
+      </div>
+    );
+  }
+
+  handleFileDrop(files) {
+    const { howto } = this.state;
+    if (files && files.length > 0) {
+      const image = Attachment.fromFile(files[0]);
+      ArticleFetcher.updateEditorImage(image, 'howto')
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            howto.cover_image = result.cover_image;
+            this.setState({ howto, message: { type: 'success', content: 'Cover image added successfully!' } });
+          }
+        });
+    }
+  }
+
+  render() {
+    const {
+      howto,
+      message,
+      showPreview,
+      showDeleteModal
+    } = this.state;
+    const renderAlert = (m) => {
+      return (
+        m.type !== '' ?
+          <Alert bsStyle={m.type} onDismiss={this.handleDismiss}>
+            <p>
+              {m.content}
+            </p>
+          </Alert>
+          :
+          <div />
+      );
+    };
+
+    const tPublished = howto.published_at == null ? '' : DateFormatDMYTime(howto.published_at);
+    const tUpdated = howto.updated_at == null ? '' : DateFormatDMYTime(howto.updated_at);
+    const stelles = howto.article.map((s, i) => {
+      return (
+        <EditorStelle
+          key={i}
+          sid={i}
+          stelle={s}
+          onDrop={e => this.onStelleDrop(e)}
+          onRemove={e => this.onStelleRemove(e)}
+          onChange={(art, e, sid) => this.onStelleInputChange(art, e, sid)}
+          editor_type="howto"
+        />
+      );
+    });
+
+    return (
+      <div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#eeeeee' }}>
+        <NewsPreviewModal
+          showModal={showPreview}
+          article={howto}
+          onClick={this.onClickClose}
+        />
+        <ConfirmModal
+          showModal={showDeleteModal}
+          title="Are you sure ?"
+          content={confirmText}
+          onClick={this.onClickDelete}
+        />
+        <Jumbotron style={{
+          minHeight: 'calc(85vh)', width: 'calc(96vw)', padding: '24px 60px', marginBottom: 'unset'
+        }}
+        >
+          <Row>
+            <Col lg={1} />
+            <Col lg={8} md={8}>
+              {renderAlert(message)}
+              <h2><b>How-To Editor</b></h2>
+              <p>
+                Give Chemotion readers some advice
+              </p>
+              <br />
+              <Form>
+                <FormGroup controlId="frmNewsTitile">
+                  <ControlLabel>
+                    <div className="newseditor">
+                      <div className="required">*&nbsp;</div>
+                      <div className="article_title">Title</div>
+                      <div className="article_content"><i className="fa fa-exclamation-circle" aria-hidden="true" />&nbsp;100 characters limitation.</div>
+                      {howto.created_at ? <div className="required">This howto was published on {tPublished}</div> : <div />}
+                    </div>
+                  </ControlLabel>
+                  <FormControl
+                    placeholder="Title"
+                    value={howto.title || ''}
+                    onChange={event => this.onInputChange('title', event)}
+                    maxLength={100}
+                  />
+                </FormGroup>
+                <ControlLabel>
+                  <div className="newseditor">
+                    <div className="required">*&nbsp;</div>
+                    <div className="article_title">Content</div>
+                  </div>
+                </ControlLabel>
+                <div className="editor-field">
+                  {stelles}
+                  <EditorBtn onClick={e => this.onEditorBtnClick(e)} />
+                </div>
+                <EditorBaseBtn onClick={e => this.onEditorBaseBtnClick(e)} />
+              </Form>
+            </Col>
+            <Col lg={3} md={4}>
+              <div>
+                {this.coverImage()}
+                <br />
+                <FormGroup>
+                  <ControlLabel><h4><b>Published on</b></h4></ControlLabel>
+                  <InputGroup>
+                    <FormControl
+                      type="text"
+                      value={tPublished}
+                      placeholder="DD/MM/YYYY hh:mm:ss"
+                      onChange={event => this.onInputChange('published_at', event)}
+                    />
+                    <InputGroup.Button>
+                      <Button
+                        active
+                        style={{ padding: '6px' }}
+                        onClick={this.onClickCurrentTime.bind(this, 'published_at')}
+                      >
+                        <i className="fa fa-clock-o" />
+                      </Button>
+                    </InputGroup.Button>
+                  </InputGroup>
+                  <ControlLabel><h4><b>Updated on</b></h4></ControlLabel>
+                  <InputGroup>
+                    <FormControl
+                      type="text"
+                      value={tUpdated}
+                      placeholder="DD/MM/YYYY hh:mm:ss"
+                      onChange={event => this.onInputChange('updated_at', event)}
+                    />
+                    <InputGroup.Button>
+                      <Button
+                        active
+                        style={{ padding: '6px' }}
+                        onClick={this.onClickCurrentTime.bind(this, 'updated_at')}
+                      >
+                        <i className="fa fa-clock-o" />
+                      </Button>
+                    </InputGroup.Button>
+                  </InputGroup>
+                </FormGroup>
+                <i className="fa fa-lightbulb-o" aria-hidden="true" />&nbsp;Tips:<br />
+                <EditorTips />
+              </div>
+            </Col>
+          </Row>
+        </Jumbotron>
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoHowToReader.js b/app/assets/javascripts/libHome/RepoHowToReader.js
new file mode 100644
index 000000000..4728c4c69
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoHowToReader.js
@@ -0,0 +1,124 @@
+import React, { Component } from 'react';
+import { Panel, Row, Col } from 'react-bootstrap';
+import uuid from 'uuid';
+import PublicStore from '../components/stores/PublicStore';
+import QuillViewer from '../components/QuillViewer';
+import { DateFormatYMDLong } from '../libHome/RepoCommon';
+
+export default class RepoHowToReader extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      howto: PublicStore.getState().howto || { title: '', content: {}, article: [] }
+    };
+    this.onChange = this.onChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    if (state.howto) {
+      this.setState(prevState => ({
+        ...prevState, howto: state.howto
+      }));
+    }
+  }
+
+  coverImage() {
+    let imageUrl = '';
+    const { howto } = this.state;
+    if (typeof (howto) !== 'undefined' && howto &&
+      typeof (howto.cover_image) !== 'undefined' && howto.cover_image) {
+      imageUrl = `/howto/${howto.cover_image}`;
+    } else {
+      return (
+        <div style={{ textAlign: 'center', height: 'auto' }}>
+          <i className="fa fa-quote-left fa-2x" aria-hidden="true" />
+          <span style={{ fontSize: '3em', fontWeight: 'bold' }}>&nbsp;HOW TO&nbsp;</span>
+          <i className="fa fa-quote-right fa-2x" aria-hidden="true" style={{ position: 'absolute' }} />
+        </div>
+      );
+    }
+
+    return (
+      <span>
+        <img
+          src={imageUrl}
+          style={{
+            display: 'block',
+            maxHeight: '100%',
+            maxWidth: '100%',
+          }}
+          alt=""
+        />
+      </span>
+    );
+  }
+
+  render() {
+    const { howto } = this.state;
+    return (
+      <Row className="howto_page">
+        <Col md={2} />
+        <Col md={8} sm={12}>
+          <Panel className="newsreader_panel" style={{ border: 'unset' }}>
+            <Panel.Heading>
+              <Row>
+                <Col md={6} sm={12}>
+                  <div style={{ fontSize: '3rem', fontWeight: 'bold', wordBreak: 'break-word' }}>{howto.title}</div>
+                  <div className="news_author">
+                    <i className="fa fa-user-circle" aria-hidden="true" />
+                    &nbsp;{howto.creator_name}
+                    <p />
+                    <i className="fa fa-calendar" aria-hidden="true" />&nbsp;Published on&nbsp;{DateFormatYMDLong(howto.published_at ? howto.published_at : howto.created_at)},&nbsp;
+                    updated on&nbsp;{DateFormatYMDLong(howto.updated_at ? howto.updated_at : howto.published_at)}
+                  </div>
+                </Col>
+                <Col md={6} sm={12}>
+                  {this.coverImage()}
+                </Col>
+                <Col md={12} sm={12}>
+                  <div style={{ position: 'relative', marginTop: '10px' }}>
+                    <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate('/home/howto')}>Back to How-To</a>
+                  </div>
+                </Col>
+              </Row>
+              <div className="heading_separator" style={{ borderWidth: '0.5px' }} />
+            </Panel.Heading>
+            <Panel.Body>
+              <Col lg={1} md={2}><div /></Col>
+              <Col lg={10} md={8} sm={12}>
+                <div className="news_quillviewer">
+                  {
+                    howto.article ?
+                    howto.article.map((s) => {
+                      if (s.art === 'txt') {
+                        return <QuillViewer key={uuid.v4()} value={s.quill} />;
+                      }
+                      if (s.art === 'img') {
+                        return (
+                          <div key={uuid.v4()}>
+                            <img src={`/howto/${s.pfad}`} alt="" />
+                            <br />
+                          </div>
+                        );
+                      }
+                    }) : <div />
+                  }
+                </div>
+              </Col>
+              <Col lg={1} md={2}><div /></Col>
+            </Panel.Body>
+          </Panel>
+        </Col>
+        <Col md={2} />
+      </Row>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoNewsEditor.js b/app/assets/javascripts/libHome/RepoNewsEditor.js
new file mode 100644
index 000000000..99218a3f8
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoNewsEditor.js
@@ -0,0 +1,427 @@
+import React, { Component } from 'react';
+import { Alert, Jumbotron, Row, Col, Form, FormGroup, FormControl, ControlLabel, Button, InputGroup } from 'react-bootstrap';
+import Dropzone from 'react-dropzone';
+import moment from 'moment';
+import ArticleFetcher from '../components/fetchers/ArticleFetcher';
+import NewsPreviewModal from '../components/common/NewsPreviewModal';
+import PublicStore from '../components/stores/PublicStore';
+import { ConfirmModal } from '../components/common/ConfirmModal';
+import Attachment from '../components/models/Attachment';
+import { EditorTips, DateFormatDMYTime, NewsroomTemplate } from '../libHome/RepoCommon';
+import { contentToText } from '../components/utils/quillFormat';
+import { EditorBtn, EditorBaseBtn } from './RepoHowTo/EditorBtn';
+import EditorStelle from './RepoHowTo/EditorStelle';
+
+const extractIntro = (article) => {
+  const result = article.filter(a => a.art === 'txt');
+  if (result.length < 1) {
+    return '';
+  }
+  return (contentToText(result[0].quill) || '').slice(0, 1500);
+};
+
+const confirmText = (
+  <ControlLabel>Are you sure that you want to delete this ?</ControlLabel>
+);
+
+const stelle = props => ({ art: props.art || '', quill: props.quill || null, pfad: props.pfad || '' });
+
+export default class RepoNewsEditor extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      news: PublicStore.getState().news && PublicStore.getState().news.key ? { ...PublicStore.getState().news } : NewsroomTemplate,
+      message: { type: '', content: '' },
+      showPreview: false,
+      showDeleteModal: false
+    };
+
+    this.onInputChange = this.onInputChange.bind(this);
+    this.onClickPreview = this.onClickPreview.bind(this);
+    this.onClickCurrentTime = this.onClickCurrentTime.bind(this);
+    this.onClickClose = this.onClickClose.bind(this);
+    this.onClickSave = this.onClickSave.bind(this);
+    this.onClickDelete = this.onClickDelete.bind(this);
+    this.handleDismiss = this.handleDismiss.bind(this);
+    this.onChange = this.onChange.bind(this);
+    this.onShowDeleteModal = this.onShowDeleteModal.bind(this);
+    this.onEditorBtnClick = this.onEditorBtnClick.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onEditorBtnClick(e) {
+    const { news } = this.state;
+    news.article.push(stelle({ art: e }));
+    this.setState(news);
+  }
+
+  onEditorBaseBtnClick(e) {
+    switch (e) {
+      case 'save':
+        this.onClickSave();
+        break;
+      case 'delete':
+        this.onShowDeleteModal();
+        break;
+      default:
+    }
+  }
+
+  onStelleDrop(e) {
+    const { news } = this.state;
+    const { article } = news;
+
+    article[e.sourceTag.sid] = e.targetTag.stelle;
+    article[e.targetTag.sid] = e.sourceTag.stelle;
+
+    news.article = article;
+    this.setState(news);
+  }
+
+  onStelleRemove(e) {
+    const { news } = this.state;
+    news.article.splice(e, 1);
+    this.setState(news);
+  }
+
+  onStelleInputChange(art, e, sid) {
+    const { news } = this.state;
+    switch (art) {
+      case 'quill':
+        news.article[sid].quill = e;
+        this.setState(news);
+        break;
+      case 'pfad':
+        this.handleImage(e, sid);
+        break;
+      default:
+        break;
+    }
+  }
+
+  onChange(state) {
+    if (state.news && state.news.key) {
+      this.setState(prevState => ({
+        ...prevState, news: state.news
+      }));
+    } else {
+      this.setState(prevState => ({
+        ...prevState, news: NewsroomTemplate
+      }));
+    }
+  }
+
+  onInputChange(type, event) {
+    const { news } = this.state;
+    switch (type) {
+      case 'title':
+        news.title = event.currentTarget.value;
+        break;
+      case 'content':
+        news.content = event;
+        break;
+      case 'published_at':
+        news.published_at = event.currentTarget.value.trim();
+        break;
+      case 'updated_at':
+        news.updated_at = event.currentTarget.value.trim();
+        break;
+      default:
+        break;
+    }
+    this.setState({ news });
+  }
+
+  onClickCurrentTime(type) {
+    const currentTime = new Date().toLocaleString('en-GB').split(', ').join(' ');
+    const wrappedEvent = { currentTarget: { value: currentTime } };
+    this.onInputChange(type, wrappedEvent);
+  }
+
+  onClickPreview() {
+    this.setState({ showPreview: true });
+  }
+
+  onClickClose() {
+    this.setState({ showPreview: false });
+  }
+
+  onClickSave() {
+    const { news } = this.state;
+    let m = moment(news.published_at, 'DD/MM/YYYY HH:mm:ss');
+    if (news.published_at && news.published_at !== '' && !m.isValid()) {
+      news.published_at = DateFormatDMYTime(news.published_at);
+    }
+    m = moment(news.published_at, 'DD/MM/YYYY HH:mm:ss');
+
+    if ((typeof news.title === 'undefined') || !news.title || news.title.trim() === '') {
+      this.setState({ message: { type: 'danger', content: 'Ooops! Title can not be empty!' } });
+    } else if (news.published_at && news.published_at !== '' && !m.isValid()) {
+      this.setState({ message: { type: 'danger', content: 'Ooops! Published On is invalid !' } });
+    } else {
+      news.firstParagraph = extractIntro(news.article);
+      ArticleFetcher.createOrUpdate(news)
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            this.setState({
+              news: NewsroomTemplate,
+              message: { type: 'success', content: 'Send to Newsroom successfully!' }
+            });
+          }
+        });
+    }
+  }
+
+  onShowDeleteModal() {
+    this.setState({ showDeleteModal: true });
+  }
+
+  onClickDelete(isDelete) {
+    if (isDelete) {
+      const { news } = this.state;
+      ArticleFetcher.delete(news)
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            this.setState({ news: NewsroomTemplate, message: { type: 'success', content: 'Deleted successfully!' } });
+          }
+        });
+    }
+    this.setState({ showDeleteModal: false });
+  }
+
+  handleImage(files, sid) {
+    const { news } = this.state;
+    const image = Attachment.fromFile(files[0]);
+    ArticleFetcher.updateEditorImage(image, 'newsroom')
+      .then((result) => {
+        if (result.error) {
+          this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+        } else {
+          news.article[sid].pfad = result.pfad_image;
+          this.setState(news);
+        }
+      });
+  }
+
+  handleDismiss() {
+    this.setState({ message: { type: '', content: '' } });
+  }
+
+  deleteNewButton() {
+    const { news } = this.state;
+    if (typeof (news.key) === 'undefined' || !news.key || news.key === 'new') {
+      return (
+        <span />
+      );
+    }
+    return (
+      <Button bsStyle="danger" onClick={() => this.onShowDeleteModal()} className="button-right">
+        Delete
+      </Button>
+    );
+  }
+
+  coverImage() {
+    let imageUrl = '/images/chemnews.png';
+    const { news } = this.state;
+    if (typeof (news) !== 'undefined' && news &&
+      typeof (news.cover_image) !== 'undefined' && news.cover_image) {
+      imageUrl = `/newsroom/${news.cover_image}`;
+    }
+
+    return (
+      <div>
+        <h4><b>News Cover</b></h4>
+        <h5>Click on the image to change the cover</h5>
+        <span style={{ width: '400px', height: '268px' }}>
+          <Dropzone
+            onDrop={files => this.handleFileDrop(files)}
+            style={{ height: '100%', width: '100%', border: '3px dashed lightgray' }}
+          >
+            <img
+              src={imageUrl}
+              style={{
+                display: 'block',
+                maxHeight: '100%',
+                maxWidth: '100%',
+              }}
+              alt=""
+            />
+          </Dropzone>
+        </span>
+      </div>
+    );
+  }
+
+  handleFileDrop(files) {
+    const { news } = this.state;
+    if (files && files.length > 0) {
+      const image = Attachment.fromFile(files[0]);
+      ArticleFetcher.updateEditorImage(image, 'newsroom')
+        .then((result) => {
+          if (result.error) {
+            this.setState({ message: { type: 'danger', content: `Ooops! You got an error! ${result.error}` } });
+          } else {
+            news.cover_image = result.cover_image;
+            this.setState({ news, message: { type: 'success', content: 'Cover image added successfully!' } });
+          }
+        });
+    }
+  }
+
+  render() {
+    const {
+      news,
+      message,
+      showPreview,
+      showDeleteModal
+    } = this.state;
+    const renderAlert = (m) => {
+      return (
+        m.type !== '' ?
+          <Alert bsStyle={m.type} onDismiss={this.handleDismiss}>
+            <p>
+              {m.content}
+            </p>
+          </Alert>
+          :
+          <div />
+      );
+    };
+
+    const tPublished = news.published_at == null ? '' : DateFormatDMYTime(news.published_at);
+    const tUpdated = news.updated_at == null ? '' : DateFormatDMYTime(news.updated_at);
+
+    const stelles = news.article.map((s, i) => {
+      return (
+        <EditorStelle
+          key={i}
+          sid={i}
+          stelle={s}
+          onDrop={e => this.onStelleDrop(e)}
+          onRemove={e => this.onStelleRemove(e)}
+          onChange={(art, e, sid) => this.onStelleInputChange(art, e, sid)}
+          editor_type="newsroom"
+        />
+      );
+    });
+
+    return (
+      <div style={{ display: 'flex', justifyContent: 'center', backgroundColor: '#eeeeee' }}>
+        <NewsPreviewModal
+          showModal={showPreview}
+          article={news}
+          onClick={this.onClickClose}
+        />
+        <ConfirmModal
+          showModal={showDeleteModal}
+          title="Are you sure ?"
+          content={confirmText}
+          onClick={this.onClickDelete}
+        />
+        <Jumbotron style={{
+          minHeight: 'calc(85vh)', width: 'calc(96vw)', padding: '24px 60px', marginBottom: 'unset'
+        }}
+        >
+          <Row>
+            <Col lg={1} />
+            <Col lg={8} md={8}>
+              {renderAlert(message)}
+              <h2><b>Newsroom Editor</b></h2>
+              <p>
+                Chemotion NEWS
+              </p>
+              <br />
+              <Form>
+                <FormGroup controlId="frmNewsTitile">
+                  <ControlLabel>
+                    <div className="newseditor">
+                      <div className="required">*&nbsp;</div>
+                      <div className="article_title">Title</div>
+                      <div className="article_content"><i className="fa fa-exclamation-circle" aria-hidden="true" />&nbsp;100 characters limitation.</div>
+                      {news.created_at ? <div className="required">This news was published on {tPublished}</div> : <div />}
+                    </div>
+                  </ControlLabel>
+                  <FormControl
+                    placeholder="Title"
+                    value={news.title || ''}
+                    onChange={event => this.onInputChange('title', event)}
+                    maxLength={100}
+                  />
+                </FormGroup>
+                <ControlLabel>
+                  <div className="newseditor">
+                    <div className="required">*&nbsp;</div>
+                    <div className="article_title">Content</div>
+                  </div>
+                </ControlLabel>
+                <div className="editor-field">
+                  {stelles}
+                  <EditorBtn onClick={e => this.onEditorBtnClick(e)} />
+                </div>
+                <EditorBaseBtn onClick={e => this.onEditorBaseBtnClick(e)} />
+              </Form>
+            </Col>
+            <Col lg={3} md={4}>
+              <div>
+                {this.coverImage()}
+                <br />
+                <FormGroup>
+                  <ControlLabel><h4><b>Published on</b></h4></ControlLabel>
+                  <InputGroup>
+                    <FormControl
+                      type="text"
+                      value={tPublished}
+                      placeholder="DD/MM/YYYY hh:mm:ss"
+                      onChange={event => this.onInputChange('published_at', event)}
+                    />
+                    <InputGroup.Button>
+                      <Button
+                        active
+                        style={{ padding: '6px' }}
+                        onClick={this.onClickCurrentTime.bind(this, 'published_at')}
+                      >
+                        <i className="fa fa-clock-o" />
+                      </Button>
+                    </InputGroup.Button>
+                  </InputGroup>
+                  <ControlLabel><h4><b>Updated on</b></h4></ControlLabel>
+                  <InputGroup>
+                    <FormControl
+                      type="text"
+                      value={tUpdated}
+                      placeholder="DD/MM/YYYY hh:mm:ss"
+                      onChange={event => this.onInputChange('updated_at', event)}
+                    />
+                    <InputGroup.Button>
+                      <Button
+                        active
+                        style={{ padding: '6px' }}
+                        onClick={this.onClickCurrentTime.bind(this, 'updated_at')}
+                      >
+                        <i className="fa fa-clock-o" />
+                      </Button>
+                    </InputGroup.Button>
+                  </InputGroup>
+                </FormGroup>
+                <i className="fa fa-lightbulb-o" aria-hidden="true" />&nbsp;Tips:<br />
+                <EditorTips />
+              </div>
+            </Col>
+          </Row>
+        </Jumbotron>
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoNewsReader.js b/app/assets/javascripts/libHome/RepoNewsReader.js
new file mode 100644
index 000000000..0e83e02d7
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoNewsReader.js
@@ -0,0 +1,123 @@
+import React, { Component } from 'react';
+import { Panel, Row, Col } from 'react-bootstrap';
+import uuid from 'uuid';
+import PublicStore from '../components/stores/PublicStore';
+import QuillViewer from '../components/QuillViewer';
+import { DateFormatYMDLong } from '../libHome/RepoCommon';
+
+export default class RepoNewsReader extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      news: PublicStore.getState().news || { title: '', content: {}, article: [] }
+    };
+    this.onChange = this.onChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    if (state.news) {
+      this.setState(prevState => ({
+        ...prevState, news: state.news
+      }));
+    }
+  }
+
+  coverImage() {
+    let imageUrl = '/images/chemnews.png';
+    const { news } = this.state;
+    if (typeof (news) !== 'undefined' && news &&
+      typeof (news.cover_image) !== 'undefined' && news.cover_image) {
+      imageUrl = `/newsroom/${news.cover_image}`;
+    }
+    return (
+      <span style={{ display: 'flex', justifyContent: 'center', alignContent: 'center' }}>
+        <img
+          src={imageUrl}
+          style={{
+            display: 'block',
+            maxHeight: '100%',
+            maxWidth: '100%',
+          }}
+          alt=""
+        />
+      </span>
+    );
+  }
+
+  render() {
+    const { news } = this.state;
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto', minHeight: '85vh' }}>
+        <Col md={12} >
+          <Col md={2} />
+          <Col md={8} sm={12}>
+            <div className="chemotion_news">
+              <img alt="Chemotion-Repository" src="/images/logo.png" style={{ width: '50px', height: 'auto', marginTop: '-10px' }} />
+              &nbsp;Chemotion&nbsp;News
+            </div>
+          </Col>
+          <Col md={2} />
+        </Col>
+        <Col md={12}>
+          <Row>
+            <Col md={2} />
+            <Col md={8} sm={12}>
+              <Panel className="newsreader_panel" style={{ border: 'unset' }}>
+                <Panel.Heading>
+                  <Row>
+                    <Col md={6} sm={12}>
+                      <h2 style={{ fontWeight: 'bold' }}>{news.title}</h2>
+                      <div className="news_author">
+                        <i className="fa fa-user-circle" aria-hidden="true" />
+                        &nbsp;{news.creator_name}
+                        &nbsp;&nbsp;&nbsp;<i className="fa fa-calendar" aria-hidden="true" />&nbsp;{DateFormatYMDLong(news.published_at ? news.published_at : news.created_at)}
+                      </div>
+                    </Col>
+                    <Col md={6} sm={12}>
+                      {this.coverImage()}
+                    </Col>
+                  </Row>
+                  <br />
+                  <div className="heading_separator" />
+                </Panel.Heading>
+                <Panel.Body>
+                  <Col lg={1} md={2}><div /></Col>
+                  <Col lg={10} md={8} sm={12}>
+                    <div className="news_quillviewer">
+                      {
+                        news.article ?
+                          news.article.map((s) => {
+                            if (s.art === 'txt') {
+                              return <QuillViewer key={uuid.v4()} value={s.quill} />;
+                            }
+                            if (s.art === 'img') {
+                              return (
+                                <div key={uuid.v4()}>
+                                  <img src={`/newsroom/${s.pfad}`} alt="" />
+                                  <br />
+                                </div>
+                              );
+                            }
+                          }) : <div />
+                      }
+                    </div>
+                  </Col>
+                  <Col lg={1} md={2}><div /></Col>
+                </Panel.Body>
+              </Panel>
+            </Col>
+            <Col md={2} />
+          </Row>
+        </Col>
+      </Row>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoNewsroom.js b/app/assets/javascripts/libHome/RepoNewsroom.js
new file mode 100644
index 000000000..19e9f6020
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoNewsroom.js
@@ -0,0 +1,186 @@
+import React, { Component } from 'react';
+import { Col, Row } from 'react-bootstrap';
+import { orderBy, slice } from 'lodash';
+import PublicActions from '../components/actions/PublicActions';
+import PublicStore from '../components/stores/PublicStore';
+import ArticleFetcher from '../components/fetchers/ArticleFetcher';
+import { BackSoonPage, DateFormatYMDLong } from '../libHome/RepoCommon';
+
+const renderEditRead = (article, isEditor) => {
+  if (isEditor === true) {
+    return (
+      <div className="readedit">
+        <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/newseditor/${article.key}`)}><i className="fa fa-pencil" />&nbsp;Edit&nbsp;</a>
+        <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/newsroom/${article.key}`)}><i className="fa fa-wpexplorer" />&nbsp;Read more</a>
+      </div>
+    );
+  }
+
+  return (
+    <div className="readedit">
+      <a style={{ cursor: 'pointer' }} onClick={() => Aviator.navigate(`/home/newsroom/${article.key}`)}><i className="fa fa-wpexplorer" />&nbsp;Read more</a>
+    </div>
+  );
+};
+
+
+const mainImage = (article) => {
+  let imageUrl = '/images/chemnews.png';
+  if (typeof (article) !== 'undefined' && article
+   && typeof (article.cover_image) !== 'undefined' && article.cover_image) {
+    imageUrl = `/newsroom/${article.cover_image}`;
+  }
+  return (
+    <div style={{ maxWidth: '100%', height: 'auto' }}>
+      <img
+        src={imageUrl}
+        style={{
+          display: 'block',
+          width: '100%',
+          height: 'auto',
+        }}
+        alt=""
+      />
+    </div>
+  );
+};
+
+export default class RepoNewsroom extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      articles: PublicStore.getState().articles || [],
+      isEditor: false
+    };
+    this.onChange = this.onChange.bind(this);
+    this.initial = this.initial.bind(this);
+  }
+
+  componentDidMount() {
+    this.initial();
+    PublicStore.listen(this.onChange);
+    PublicActions.articles();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    if (state.articles) {
+      this.setState(prevState => ({
+        ...prevState, articles: state.articles
+      }));
+    }
+    if (state.isEditor) {
+      this.setState(prevState => ({
+        ...prevState, isEditor: state.isEditor
+      }));
+    }
+  }
+
+  initial() {
+    ArticleFetcher.initial()
+      .then((result) => {
+        this.setState({
+          isEditor: result.is_article_editor
+        });
+      });
+  }
+
+  render() {
+    let { articles } = this.state;
+    const { isEditor } = this.state;
+    articles = isEditor ? articles : articles.filter(d => new Date() > new Date(d.published_at));
+    articles = orderBy(
+      articles,
+      (o) => {
+        if (!o.published_at || o.published_at === '') return o.created_at;
+        return o.published_at;
+      },
+      'desc'
+    );
+
+    return articles.length > 0 ? (
+      <Row style={{ maxWidth: '2000px', margin: 'auto', minHeight: 'calc(80vh)' }}>
+        <Col md={12}>
+          <Row>
+            <Col md={2} />
+            <Col md={8} sm={12}>
+              <LatestNews article={articles[0]} isEditor={isEditor} />
+            </Col>
+            <Col md={2} />
+          </Row>
+          <NewsList articles={slice(articles, 1)} isEditor={isEditor} />
+        </Col>
+      </Row>
+    ) : <Row style={{ maxWidth: '2000px', margin: 'auto', textAlign: 'center', height: 'calc(80vh)' }}><Col md={12}><BackSoonPage /></Col></Row>;
+  }
+}
+
+const LatestNews = ({ article, isEditor }) => {
+  return (
+    <div className="news_latest_block">
+      <div className="ribbon ribbon-top-right" style={{ right: '5px' }}><span>Latest</span></div>
+      <Col md={4} sm={12}>{mainImage(article)}</Col>
+      <Col md={8} sm={12}>
+        <Col md={12} sm={12}>
+          <span className="news_title">{article.title}</span>
+          <div className="news_content">
+            <p />
+            {article.firstParagraph}
+            <p />
+          </div>
+          <div>
+            {renderEditRead(article, isEditor)}
+          </div>
+        </Col>
+        <Col md={12} sm={12}>
+          <div className="heading_separator" />
+          <div className="news_author">
+            <i className="fa fa-user-circle" aria-hidden="true" />&nbsp;{article.creator_name}&nbsp;&nbsp;&nbsp;
+            <i className="fa fa-calendar" aria-hidden="true" />&nbsp;{DateFormatYMDLong(article.published_at ? article.published_at : article.created_at)}
+          </div>
+        </Col>
+      </Col>
+    </div>
+  );
+};
+
+const NewsList = ({ articles, isEditor }) => {
+  return articles.length > 0 ? (
+    <Row>
+      <Col md={2} />
+      <Col md={8} sm={12}>
+        <Row>
+          <div className="news_time_box">
+            {
+              articles.map(a => (<NewsTBox isEditor={isEditor} key={`news_col_${a.key}`} article={a} />))
+            }
+          </div>
+        </Row>
+      </Col>
+      <Col md={2} />
+    </Row>
+  ) : <div />;
+};
+
+const NewsTBox = ({ article, isEditor }) => {
+  return (
+    <ul>
+      <li>
+        <span />
+        <div className="title">{article.title}</div>
+        <div className="content">{article.firstParagraph}</div>
+
+        <div className="author">
+          <i className="fa fa-user-circle" aria-hidden="true" />&nbsp;<span>&nbsp;{article.creator_name}</span>
+          {renderEditRead(article, isEditor)}
+        </div>
+        <div className="created_at">
+          <span><i className="fa fa-calendar" />&nbsp;{DateFormatYMDLong(article.published_at ? article.published_at : article.created_at)}</span><span />
+        </div>
+      </li>
+    </ul>
+  );
+};
diff --git a/app/assets/javascripts/libHome/RepoPubl.js b/app/assets/javascripts/libHome/RepoPubl.js
new file mode 100644
index 000000000..e8e2b3e92
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoPubl.js
@@ -0,0 +1,713 @@
+import React, { Component } from 'react';
+import SVG from 'react-inlinesvg';
+import {
+  Pagination, Table, Form, Col, Row, InputGroup, ButtonGroup, Button,
+  Glyphicon, Grid, Radio, DropdownButton, MenuItem,
+  FormGroup, FormControl, Nav, Navbar, Tooltip, OverlayTrigger,
+  Tabs, Tab
+} from 'react-bootstrap';
+import Select from 'react-select';
+import uuid from 'uuid';
+import UIActions from '../components/actions/UIActions';
+import PublicActions from '../components/actions/PublicActions';
+import PublicStore from '../components/stores/PublicStore';
+import PubchemLabels from '../components/PubchemLabels';
+import RepoElementDetails from './RepoElementDetails';
+import SuggestionsFetcher from '../components/fetchers/SuggestionsFetcher';
+import PublicFetcher from '../components/fetchers/PublicFetcher';
+import AutoCompleteInput from '../components/search/AutoCompleteInput';
+import StructureEditorModal from '../components/structure_editor/StructureEditorModal';
+import Formula from '../components/common/Formula';
+
+
+const pubchemTag = (molecule) => {
+  if (molecule && molecule.tag &&
+    molecule.tag.taggable_data && molecule.tag.taggable_data.pubchem_cid) {
+    return {
+      pubchem_tag: { pubchem_cid: molecule.tag.taggable_data.pubchem_cid }
+    };
+  }
+  return false;
+};
+
+const renderReaction = (element, currentElement) => {
+  const listClass = (currentElement !== null && currentElement.id === element.id) ? 'list_focus_on' : 'list_focus_off';
+  return (
+    <tr
+      key={`list-reaction-${element.type}-${element.id}`}
+      className={listClass}
+      onClick={() => PublicActions.displayReaction(element.id)}
+    >
+      <td
+        colSpan="2"
+        style={{ position: 'relative' }}
+      >
+        <div>
+          <SVG src={element.svgPath} className="reaction" key={element.svgPath} />
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+export default class RepoPubl extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      // ...PublicStore.getState(),
+      page: 1,
+      perPage: 10,
+      showStructureEditor: false,
+      isSearch: false,
+      defaultSearchValue: null,
+      selectType: 'all',
+      inputDisabled: false,
+      queryMolfile: null,
+      searchType: 'similar',
+      tanimotoThreshold: 0.7,
+      listType: 'reaction',
+      advFlag: false,
+      advType: 'Authors',
+      advValue: [],
+      selectUsers: [],
+      key: uuid.v4(),
+      showSearch: false
+    };
+
+    this.onChange = this.onChange.bind(this);
+    this.changeSort = this.changeSort.bind(this);
+    this.handleClearSearchSelection = this.handleClearSearchSelection.bind(this);
+    this.handleStructureEditorCancel = this.handleStructureEditorCancel.bind(this);
+    this.handleSelectAdvValue = this.handleSelectAdvValue.bind(this);
+    this.showAdvancedSearch = this.showAdvancedSearch.bind(this);
+    this.closeAdvancedSearch = this.closeAdvancedSearch.bind(this);
+    this.renderAdvancedSearch = this.renderAdvancedSearch.bind(this);
+    this.advSearchClick = this.advSearchClick.bind(this);
+    this.handleSelectAdvType = this.handleSelectAdvType.bind(this);
+    this.loadAdvValuesByName = this.loadAdvValuesByName.bind(this);
+    this.handleElementSelection = this.handleElementSelection.bind(this);
+    this.handleShowSearch = this.handleShowSearch.bind(this);
+  }
+
+  componentDidMount() {
+    PublicActions.selectPublicCollection.defer();
+    PublicStore.listen(this.onChange);
+    PublicActions.getReactions.defer();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  handleSearchTypeChange(e) {
+    this.setState({ searchType: e.target && e.target.value });
+  }
+
+  handleStructureEditorCancel() {
+    this.setState({ isSearch: false });
+    this.hideStructureEditor();
+  }
+
+  showStructureEditor() {
+    this.setState({ showStructureEditor: true });
+  }
+
+  hideStructureEditor() {
+    this.setState({ showStructureEditor: false });
+  }
+
+  showAdvancedSearch() {
+    this.setState({ advFlag: true });
+  }
+
+  handleSelectAdvType(val) {
+    if (val) { this.setState({ advType: val, advValue: null }); }
+  }
+
+  onPerPageChange(e) {
+    this.setState({ perPage: e.target.value }, () => this.getList());
+  }
+
+  getList(ps = {}) {
+    const {
+      advFlag, advType, advValue,
+      isSearch,
+      selectType, selection,
+      page, perPage,
+    } = this.state;
+    let params = {
+      advFlag,
+      advType,
+      advValue,
+      elementType: selectType,
+      page,
+      perPage,
+      selection,
+      ...ps
+    };
+    if (isSearch) {
+      switch (this.state.listType) {
+        case 'reaction':
+          PublicActions.getSearchReactions(params);
+          break;
+        case 'sample':
+          PublicActions.getSearchMolecules(params);
+          break;
+        case 'scheme':
+          params = { ...params, collectionId: 'schemeOnly' };
+          PublicActions.getSearchReactions(params);
+          break;
+        default:
+      }
+      return;
+    }
+    switch (this.state.listType) {
+      case 'reaction':
+        params = { ...params, schemeOnly: false };
+        PublicActions.getReactions(params);
+        break;
+      case 'sample':
+        PublicActions.getMolecules(params);
+        break;
+      case 'scheme':
+        params = { ...params, schemeOnly: true };
+        PublicActions.getReactions(params);
+        break;
+      default:
+        PublicActions.getReactions(params);
+    }
+    UIActions.clearSearchSelection();
+  }
+
+  handleClearSearchSelection() {
+    this.setState({
+      defaultSearchValue: null,
+      searchType: 'similar',
+      tanimotoThreshold: 0.7,
+      queryMolfile: null,
+      isSearch: false,
+      key: uuid.v4(),
+      page: 1
+    }, () => this.getList());
+  }
+
+  handleElementSelection(event) {
+    this.setState({ selectType: event.toLowerCase() });
+  }
+
+  handleShowSearch() {
+    const { showSearch, advFlag } = this.state;
+    this.setState({ showSearch: !showSearch, advFlag: !advFlag });
+  }
+
+  closeAdvancedSearch() {
+    this.setState({ advType: 'Authors', advValue: null, page: 1 }, () => this.getList());
+  }
+
+
+  loadAdvValuesByName(input) {
+    if (!input || input.length < 3) {
+      return Promise.resolve({ options: [] });
+    }
+    return PublicFetcher.fetchAdvancedValues(this.state.advType, input)
+      .then(res => ({
+        options: res.result
+          .map(u => ({
+            value: u.key,
+            name: u.name,
+            label: u.label
+          }))
+      })).catch((errorMessage) => {
+        console.log(errorMessage);
+      });
+  }
+
+  changeSort(e) {
+    this.setState({
+      // isSearch: false,
+      // defaultSearchValue: null,
+      page: 1,
+      listType: e
+    }, () => this.getList());
+  }
+
+
+  renderMolecule(molecule) {
+    const {
+      advFlag, advType, advValue, currentElement
+    } = this.state;
+    const pubchemInfo = pubchemTag(molecule);
+    const svgPathSample = molecule.sample_svg_file
+      ? `/images/samples/${molecule.sample_svg_file}`
+      : `/images/molecules/${molecule.molecule_svg_file}`;
+    const listClass = (currentElement !== null && currentElement.molecule && currentElement.molecule.id === molecule.id) ? 'list_focus_on' : 'list_focus_off';
+    return (
+      <tr
+        key={molecule.id}
+        className={listClass}
+        onClick={() => PublicActions.displayMolecule(molecule.id, advFlag, advType, advValue)}
+      >
+        <td
+          colSpan="2"
+          style={{ position: 'relative' }}
+        >
+          <div style={{ float: 'left' }}>
+            <SVG src={svgPathSample} className="molecule" key={svgPathSample} />
+          </div>
+          <div style={{ paddingLeft: 5, wordWrap: 'break-word' }}>
+            <h4> <Formula formula={molecule.sum_formular} /> </h4>
+            <h4>
+              {molecule.iupac_name}
+              {pubchemInfo ? <PubchemLabels element={pubchemTag(molecule)} /> : null }
+            </h4>
+          </div>
+        </td>
+      </tr>
+    );
+  }
+
+  renderMenuItems() {
+    const elements = [
+      'All', 'Samples', 'Reactions'
+    ];
+
+    const menu = elements.map(element => (
+      <MenuItem key={element} eventKey={element} onSelect={this.handleElementSelection}>
+        {element}
+      </MenuItem>
+    ));
+
+    return menu;
+  }
+
+
+  handleTanimotoChange(e) {
+    const val = e.target && e.target.value;
+    if (!isNaN(val - val)) {
+      this.setState({ tanimotoThreshold: val });
+    }
+  }
+
+  handleSelectionChange(selection) {
+    this.setState({
+      isSearch: true,
+      selection,
+      page: 1
+    }, () => this.getList());
+  }
+
+  structureSearch(molfile) {
+    const {
+      page,
+      perPage,
+      searchType,
+      selectType,
+      tanimotoThreshold
+    } = this.state;
+
+    const tanimoto = (tanimotoThreshold <= 0 || tanimotoThreshold > 1) ? 0.3 : tanimotoThreshold;
+    const selection = {
+      molfile,
+      search_type: searchType,
+      tanimoto_threshold: tanimoto,
+      search_by_method: 'structure',
+      structure_search: true
+    };
+
+    this.setState(
+      {
+        isSearch: true,
+        selection,
+        page: 1,
+        defaultSearchValue: 'structure',
+        queryMolfile: molfile
+      },
+      () => PublicActions.getSearchMolecules({ // NB: use getList instead?
+        elementType: selectType,
+        page,
+        perPage,
+        selection,
+      })
+    );
+  }
+
+  handleStructureEditorSave(molfile) {
+    this.hideStructureEditor();
+    if (molfile) {
+      const molfileLines = molfile.match(/[^\r\n]+/g);
+      if (molfileLines && molfileLines[1].trim()[0] !== 0) {
+        this.structureSearch(molfile);
+      } else {
+        // TODO: clear search?
+      }
+    }
+  }
+
+  perPageInput() {
+    const { perPage } = this.state;
+    return (
+      <Form horizontal className="list-show-count" >
+        <FormGroup>
+          <InputGroup>
+            <InputGroup.Addon>Show</InputGroup.Addon>
+            <FormControl
+              type="text"
+              style={{ textAlign: 'center' }}
+              onChange={e => this.onPerPageChange(e)}
+              value={perPage || 0}
+            />
+          </InputGroup>
+        </FormGroup>
+      </Form>
+    );
+  }
+
+  onPaginationSelect(eventKey) {
+    const { pages } = this.state;
+    if (eventKey > 0 && eventKey <= pages) {
+      this.setState({ page: eventKey }, () => this.getList());
+    }
+  }
+
+  pagination() {
+    const { page, pages } = this.state;
+    const items = [];
+    const minPage = Math.max(page - 2, 1);
+    const maxPage = Math.min(minPage + 4, pages);
+    items.push(<Pagination.First key="first-page" onClick={() => this.onPaginationSelect(1)} />);
+    if (page > 1) {
+      items.push(<Pagination.Prev key="previous-page" onClick={() => this.onPaginationSelect(page - 1)} />);
+    }
+    for (let tpage = minPage; tpage <= maxPage; tpage += 1) {
+      items.push((
+        <Pagination.Item
+          key={`${tpage}-page`}
+          active={tpage === page}
+          onClick={() => this.onPaginationSelect(tpage)}
+        >
+          {tpage}
+        </Pagination.Item>
+      ));
+    }
+
+    if (pages > maxPage) {
+      items.push(<Pagination.Ellipsis key="ellipsis-page" />);
+    }
+    if (page !== pages) {
+      items.push(<Pagination.Next key="next-page" onClick={() => this.onPaginationSelect(page + 1)} />);
+    }
+    items.push(<Pagination.Last key="last-page" onClick={() => this.onPaginationSelect(pages)} />);
+
+    return <div className="list-pagination"><Pagination>{items}</Pagination></div>;
+  }
+
+
+  renderSwitch() {
+    const { listType } = this.state;
+    return (
+      <Tabs
+        activeKey={listType}
+        onSelect={this.changeSort}
+        id="element-list-type"
+      >
+        <Tab eventKey="reaction" title="Reactions" />
+        <Tab eventKey="sample" title="Samples" />
+        <Tab eventKey="scheme" title="Scheme-only reactions" />
+      </Tabs>
+    );
+  }
+
+  renderSelectValues() {
+    const { advValue } = this.state;
+    return (
+      <Select.Async
+        multi
+        isLoading
+        backspaceRemoves
+        value={advValue}
+        valueKey="value"
+        labelKey="label"
+        loadOptions={this.loadAdvValuesByName}
+        onChange={this.handleSelectAdvValue}
+      />
+    );
+  }
+
+  handleSelectAdvValue(val) {
+    if (val) {
+      this.setState({ advValue: val });
+    }
+  }
+
+  advSearchClick() {
+    this.setState({ page: 1 }, () => this.getList());
+  }
+
+  renderAdvancedSearch() {
+    const { advFlag, advType, advValue } = this.state;
+    if (advFlag === true) {
+      this.listOptions = [
+        {
+          value: 'Authors',
+          label: 'by authors'
+        },
+        {
+          value: 'Ontologies',
+          label: 'by analysis type'
+        }
+      ];
+      return (
+        <div style={{ display: 'flex' }}>
+          <div>
+            <Select
+              simpleValue
+              searchable={false}
+              options={this.listOptions}
+              placeholder="Select search field"
+              clearable={false}
+              valueKey="value"
+              labelKey="label"
+              onChange={this.handleSelectAdvType}
+              defaultValue="Authors"
+              value={advType}
+              style={{ minWidth: '160px' }}
+            />
+          </div>
+          <div>
+            <Select.Async
+              multi
+              isLoading
+              backspaceRemoves
+              value={advValue}
+              valueKey="value"
+              labelKey="label"
+              loadOptions={this.loadAdvValuesByName}
+              onChange={this.handleSelectAdvValue}
+              style={{ minWidth: '200px' }}
+            />
+          </div>
+          <div>
+            <ButtonGroup>
+              <OverlayTrigger placement="bottom" overlay={<Tooltip id="advSearch">Advanced Search</Tooltip>}>
+                <Button onClick={this.advSearchClick} style={{ backgroundColor: 'rgb(221, 221, 221)' }}>
+                  <i className="fa fa-search" />
+                </Button>
+              </OverlayTrigger>
+              <OverlayTrigger placement="bottom" overlay={<Tooltip id="closeAdvSearch">Reset Advanced Search</Tooltip>}>
+                <Button onClick={this.closeAdvancedSearch} style={{ backgroundColor: 'rgb(221, 221, 221)' }}>
+                  <i className="fa fa-times" />
+                </Button>
+              </OverlayTrigger>
+            </ButtonGroup>
+          </div>
+        </div>
+      );
+    }
+    return (<div />);
+  }
+
+  renderSearch() {
+    const { isSearch, defaultSearchValue } = this.state;
+    const customClass = '.btn-unified';
+
+    const stSearchTooltip = <Tooltip id="search_tooltip">Draw Molecule Structure to query</Tooltip>;
+    const clearTooltip = <Tooltip id="search_tooltip">Clear search</Tooltip>;
+
+    const buttonAfter = (
+      <ButtonGroup>
+        <OverlayTrigger placement="bottom" delayShow={1000} overlay={stSearchTooltip}>
+          <Button bsStyle={customClass ? null : 'primary'} className={customClass} onClick={() => this.showStructureEditor()}>
+            <Glyphicon glyph="pencil" id="AutoCompletedrawAddon" />
+          </Button>
+        </OverlayTrigger>
+        <OverlayTrigger placement="right" delayShow={1000} overlay={clearTooltip}>
+          <Button bsStyle={customClass ? null : 'danger'} className={customClass} onClick={this.handleClearSearchSelection}>
+            <i className="fa fa-times" />
+          </Button>
+        </OverlayTrigger>
+      </ButtonGroup>
+    );
+
+    const submitAddons = (
+      <Grid>
+        <Row>
+          <Col sm={6} md={4}>
+            <Form inline>
+              <Radio
+                ref={(input) => { this.searchSimilarRadio = input; }}
+                value="similar"
+                checked={this.state.searchType === 'similar'}
+                onChange={e => this.handleSearchTypeChange(e)}
+              >
+                &nbsp; Similarity Search &nbsp;
+              </Radio>
+              &nbsp;&nbsp;
+              <FormControl
+                style={{ width: '40%' }}
+                type="text"
+                value={this.state.tanimotoThreshold}
+                ref={(input) => { this.searchTanimotoInput = input; }}
+                onChange={e => this.handleTanimotoChange(e)}
+              />
+            </Form>
+          </Col>
+          <Col sm={4} md={2}>
+            <Radio
+              ref={(input) => { this.searchSubstructureRadio = input; }}
+              value="sub"
+              checked={this.state.searchType === 'sub'}
+              onChange={e => this.handleSearchTypeChange(e)}
+            >
+              Substructure Search
+            </Radio>
+          </Col>
+        </Row>
+      </Grid>
+    );
+
+    const inputAttributes = {
+      placeholder: 'IUPAC, InChI, SMILES, ...',
+      style: { minWidth: 168, maxWidth: 268 }
+    };
+
+    const suggestionsAttributes = {
+      style: {
+        marginTop: 15,
+        width: 398,
+        maxHeight: 400
+      }
+    };
+
+    const searchTooltip = <Tooltip id="search_tooltip">Select search type</Tooltip>;
+
+    const innerDropdown = (
+      <OverlayTrigger placement="top" delayShow={1000} overlay={searchTooltip}>
+        <DropdownButton
+          id="search-inner-dropdown"
+          title={this.state.selectType === 'all' ? 'All' :
+          <span><i className={`icon-${this.state.selectType.toLowerCase().slice(0, -1)}`} aria-hidden="true" /></span>}
+        >
+          {this.renderMenuItems()}
+        </DropdownButton>
+      </OverlayTrigger>
+    );
+
+    return (
+      <div className="chemotion-search">
+        <div className="search-structure-draw">
+          <StructureEditorModal
+            showModal={this.state.showStructureEditor}
+            onSave={this.props.noSubmit ? null : this.handleStructureEditorSave.bind(this)}
+            onCancel={this.handleStructureEditorCancel}
+            molfile={this.state.queryMolfile}
+            submitBtnText="Search"
+            submitAddons={submitAddons}
+          />
+        </div>
+        {
+          this.state.showSearch ?
+          (
+            <span>
+              <Button bsStyle="primary" className="button-caret" onClick={this.handleShowSearch}>
+                <i className="fa fa-caret-left" aria-hidden="true" />&nbsp;<i className="fa fa-search" aria-hidden="true" />
+              </Button>
+              <div className="search-autocomplete">
+                <AutoCompleteInput
+                  key={this.state.key}
+                  inputAttributes={inputAttributes}
+                  inputDisabled={isSearch}
+                  defaultSearchValue={defaultSearchValue}
+                  suggestionsAttributes={suggestionsAttributes}
+                  suggestions={input => SuggestionsFetcher.fetchSuggestionsForCurrentUser(
+                    this.state.selectType.toLowerCase(), input, 'public', false)}
+                  ref={(input) => { this.autoComplete = input; }}
+                  onSelectionChange={selection => this.handleSelectionChange(selection)}
+                  buttonBefore={innerDropdown}
+                  buttonAfter={buttonAfter}
+                />
+              </div>
+            </span>
+          ) :
+          (
+            <Button bsStyle="primary" className="button-caret" onClick={this.handleShowSearch}>
+              <i className="fa fa-search" aria-hidden="true" />&nbsp;<i className="fa fa-caret-right" aria-hidden="true" />
+            </Button>
+          )
+        }
+      </div>
+    );
+  }
+
+  render() {
+    const {
+      molecules, listType, reactions, currentElement, showSearch
+    } = this.state;
+
+    const isPubElement = !!(((currentElement && this.state.currentElement.publication &&
+      this.state.currentElement.publication.published_at) || (
+      this.state.currentElement && this.state.currentElement.published_samples
+      && this.state.currentElement.published_samples.length > 0 &&
+      this.state.currentElement.published_samples[0].published_at
+    )));
+
+    const listClass = (showSearch && isPubElement) ? 'public-list-adv' : 'public-list';
+
+    const elementList = () => {
+      switch (listType) {
+        case 'reaction':
+          return (reactions || []).map(r => renderReaction(r, currentElement));
+        case 'sample':
+          return (molecules || []).map(m => this.renderMolecule(m));
+        case 'scheme':
+          return (reactions || []).map(r => renderReaction(r, currentElement));
+        default:
+          return (reactions || []).map(r => renderReaction(r, currentElement));
+      }
+    };
+
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+        <Col md={isPubElement === true ? 4 : 12} >
+          <Navbar fluid className="navbar-custom" style={{ marginBottom: '0px' }}>
+            <Nav navbar className="navbar-form" style={{ marginTop: '5px', marginBottom: 'unset', paddingLeft: 'unset' }} pullLeft>
+              {this.renderSearch()}
+            </Nav>
+            <Nav navbar className="navbar-form" style={{ marginTop: '5px', marginBottom: 'unset', paddingLeft: 'unset' }} pullLeft>
+              {this.renderAdvancedSearch()}
+            </Nav>
+            <Nav navbar className="navbar-form" style={{ marginTop: '5px', marginBottom: 'unset' }} pullRight>
+              {this.renderSwitch()}
+            </Nav>
+          </Navbar>
+
+          <div className={listClass} style={{ backgroundColor: '#f5f5f5' }} >
+            <Table className="sample-entries">
+              <tbody>
+                {elementList()}
+              </tbody>
+            </Table>
+          </div>
+          <div className="list-container-bottom">
+            <Row>
+              <Col sm={8}>{this.pagination()}</Col>
+              <Col sm={4}>{this.perPageInput()}</Col>
+            </Row>
+          </div>
+        </Col>
+        <Col
+          md={isPubElement === true}
+          // style={this.state.currentElement ? {} : { display: 'none' }}
+        >
+          <div className="public-element">
+            <RepoElementDetails />
+          </div>
+        </Col>
+      </Row>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoReactionDetails.js b/app/assets/javascripts/libHome/RepoReactionDetails.js
new file mode 100644
index 000000000..786e59478
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReactionDetails.js
@@ -0,0 +1,556 @@
+import React, { Component } from 'react';
+import SVG from 'react-inlinesvg';
+import {
+  Panel,
+  Row,
+  Col,
+  Jumbotron,
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import { head, filter } from 'lodash';
+import ArrayUtils from '../components/utils/ArrayUtils';
+import {
+  AuthorList,
+  AuthorTitle,
+  AffiliationList,
+  CalcDuration,
+  ChemotionId,
+  ClosePanel,
+  CommentBtn,
+  ContributorInfo,
+  DateInfo,
+  Doi,
+  ReactionTable,
+  ReactionRinChiKey,
+  ReactionProperties,
+  ReactionTlc,
+  RenderAnalysisHeader,
+  RenderPublishAnalysesPanel,
+  IconLicense,
+  IconToMyDB,
+  AnalysesTypeJoinLabel,
+  SchemeWord,
+} from './RepoCommon';
+import LoadingActions from '../components/actions/LoadingActions';
+import PublicActions from '../components/actions/PublicActions';
+import QuillViewer from '../components/QuillViewer';
+import { Citation, literatureContent, RefByUserInfo } from '../components/LiteratureCommon';
+import RepoReactionSchemeInfo from './RepoReactionSchemeInfo';
+import RepoReviewButtonBar from './RepoReviewButtonBar';
+import RepoCommentModal from '../components/common/RepoCommentModal';
+import RepoReviewModal from '../components/common/RepoReviewModal';
+
+export default class RepoReactionDetails extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      showScheme: true,
+      showRinchi: false,
+      showProp: true,
+      showTlc: true,
+      showSA: true,
+      showRA: {},
+      showReviewModal: false,
+      btnAction: '',
+      showCommentModal: false,
+      commentField: '',
+      originInfo: '',
+    };
+
+    this.toggleScheme = this.toggleScheme.bind(this);
+    this.toggleRinchi = this.toggleRinchi.bind(this);
+    this.toggleProp = this.toggleProp.bind(this);
+    this.toggleTlc = this.toggleTlc.bind(this);
+    this.toggleSA = this.toggleSA.bind(this);
+    this.toggleRA = this.toggleRA.bind(this);
+    this.handleToggle = this.handleToggle.bind(this);
+    this.handleReviewBtn = this.handleReviewBtn.bind(this);
+    this.handleSubmitReview = this.handleSubmitReview.bind(this);
+    this.handleCommentBtn = this.handleCommentBtn.bind(this);
+    this.handleSubmitComment = this.handleSubmitComment.bind(this);
+  }
+
+  toggleScheme() {
+    const { showScheme } = this.state;
+    this.setState({ showScheme: !showScheme });
+  }
+
+  toggleRinchi() {
+    const { showRinchi } = this.state;
+    this.setState({ showRinchi: !showRinchi });
+  }
+
+  toggleProp() {
+    const { showProp } = this.state;
+    this.setState({ showProp: !showProp });
+  }
+
+  toggleTlc() {
+    const { showTlc } = this.state;
+    this.setState({ showTlc: !showTlc });
+  }
+
+  toggleSA() {
+    const { showSA } = this.state;
+    this.setState({ showSA: !showSA });
+  }
+
+  toggleRA(idx = -1) {
+    const { showRA } = this.state;
+    if (idx in showRA && showRA[idx] === false) {
+      showRA[idx] = true;
+    } else {
+      showRA[idx] = false;
+    }
+    this.setState({ showRA });
+  }
+
+  handleToggle(type) {
+    switch (type) {
+      case 'Scheme':
+        this.toggleScheme();
+        break;
+      case 'Rinchi':
+        this.toggleRinchi();
+        break;
+      case 'Prop':
+        this.toggleProp();
+        break;
+      default:
+        break;
+    }
+  }
+
+  handleReviewBtn(showReviewModal, btnAction) {
+    this.setState({ showReviewModal, btnAction });
+  }
+
+  handleSubmitReview(elementId, comments, summary, feedback, action) {
+    LoadingActions.start();
+    PublicActions.reviewPublish(elementId, 'reaction', comments, summary, feedback, action);
+    this.setState({ showReviewModal: false });
+  }
+
+  handleCommentBtn(show, field, orgInfo) {
+    this.setState({
+      showCommentModal: show,
+      commentField: field,
+      originInfo: orgInfo
+    });
+  }
+
+  handleSubmitComment(elementId, elementType, field, comment, origInfo) {
+    LoadingActions.start();
+    const cinfo = {};
+    if (typeof (cinfo[field]) === 'undefined') {
+      cinfo[field] = {};
+    }
+    const today = new Date();
+    const d = `${today.getDate()}-${today.getMonth() + 1}-${today.getFullYear()} `;
+    const t = `${today.getHours()}:${today.getMinutes() + 1}:${today.getSeconds()} `;
+    const dt = `${d} ${t}`;
+    if (this.props.reviewLevel === 2) {
+      cinfo[field].feedback = comment;
+      cinfo[field].origInfo = origInfo;
+      cinfo[field].feedback_time = dt;
+    } else {
+      cinfo[field].comment = comment;
+      cinfo[field].origInfo = origInfo;
+      cinfo[field].comment_time = dt;
+    }
+
+    PublicActions.updateComment(elementId, elementType, cinfo);
+    this.setState({ showCommentModal: false });
+  }
+
+  reactionInfo(reaction) {
+    const {
+      showScheme, showRinchi, showProp, showTlc
+    } = this.state;
+    const {
+      canComment,
+      reviewLevel,
+      submitter,
+      pubState,
+      comments,
+    } = this.props;
+
+    const svgPath = `/images/reactions/${reaction.reaction_svg_file}`;
+    const content = reaction.description;
+    const additionInfo = reaction.observation;
+
+    const descContent = (content && content.ops && content.ops.length > 0
+      && content.ops[0].insert) ? content.ops[0].insert.trim() : '';
+    let descQV = (
+      <span><b>Description:</b><QuillViewer value={content} preview />
+      </span>);
+    if (descContent === '') descQV = '';
+
+    const addinfoContent = (additionInfo && additionInfo.ops && additionInfo.ops.length > 0 &&
+      additionInfo.ops[0].insert) ? additionInfo.ops[0].insert.trim() : '';
+    let addQV = (
+      <span><b>Additional information for publication and purification details:</b>
+        <QuillViewer value={additionInfo} preview />
+      </span>);
+    if (addinfoContent === '') addQV = '';
+
+    const temperature = reaction.temperature ? `${reaction.temperature.userText} ${reaction.temperature.valueUnit}` : '';
+    const duration = CalcDuration(reaction);
+    const properties = `Status:[${reaction.status}]; Temperature:[${temperature}]; Duration: [${duration}]`;
+    const tlc = `Solvents (parts):[${reaction.tlc_solvents || ''}]; Rf-Value:[${reaction.rf_value || ''}]; TLC-Description: [${reaction.tlc_description || ''}]`;
+
+    const bodyAttrs = {
+      style: {
+        fontSize: '90%',
+        paddingBottom: 'unset'
+      }
+    };
+    const schemeOnly = (reaction && reaction.publication && reaction.publication.taggable_data &&
+      reaction.publication.taggable_data.scheme_only === true) || false;
+    if (schemeOnly) {
+      if (canComment) {
+        return (
+          <RepoReactionSchemeInfo
+            reaction={reaction}
+            svgPath={svgPath}
+            showScheme={showScheme}
+            showRinchi={showRinchi}
+            showProp={showProp}
+            bodyAttrs={bodyAttrs}
+            onToggle={this.handleToggle}
+            comments={comments}
+            reviewLevel={reviewLevel}
+            pubState={pubState}
+            submitter={submitter}
+            onComment={this.handleCommentBtn}
+            propInfo={properties}
+            canComment={canComment}
+          />
+        );
+      }
+      return (
+        <RepoReactionSchemeInfo
+          reaction={reaction}
+          svgPath={svgPath}
+          showScheme={showScheme}
+          showRinchi={showRinchi}
+          showProp={showProp}
+          bodyAttrs={bodyAttrs}
+          onToggle={this.handleToggle}
+          canComment={canComment}
+        />
+      );
+    }
+    return (
+      <Panel style={{ marginBottom: '4px' }}>
+        <Panel.Body style={{ paddingBottom: '1px' }}>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <SVG key={svgPath} src={svgPath} className="reaction-details" />
+            </Col>
+          </Row>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <CommentBtn {...this.props} field="Reaction Table" orgInfo="<Reaction Table>" onShow={this.handleCommentBtn} />
+              <ReactionTable
+                reaction={reaction}
+                toggle={this.toggleScheme}
+                show={showScheme}
+                isPublic
+                bodyAttrs={bodyAttrs}
+              />
+            </Col>
+          </Row>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <div className="desc small-p">
+                <CommentBtn {...this.props} field="Description" orgInfo={descContent} onShow={this.handleCommentBtn} />
+                {descQV}
+              </div>
+              <div className="desc small-p">
+                <CommentBtn {...this.props} field="Additional information" orgInfo={addinfoContent} onShow={this.handleCommentBtn} />
+                {addQV}
+              </div>
+            </Col>
+          </Row>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <ReactionRinChiKey
+                reaction={reaction}
+                toggle={this.toggleRinchi}
+                show={showRinchi}
+                bodyAttrs={bodyAttrs}
+              />
+            </Col>
+          </Row>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <CommentBtn {...this.props} field="Properties" orgInfo={properties} onShow={this.handleCommentBtn} />
+              <ReactionProperties
+                reaction={reaction}
+                toggle={this.toggleProp}
+                show={showProp}
+                bodyAttrs={bodyAttrs}
+              />
+            </Col>
+          </Row>
+          <Row>
+            <Col sm={12} md={12} lg={12}>
+              <CommentBtn {...this.props} field="TLC-Control" orgInfo={tlc} onShow={this.handleCommentBtn} />
+              <ReactionTlc
+                reaction={reaction}
+                toggle={this.toggleTlc}
+                show={showTlc}
+                bodyAttrs={bodyAttrs}
+              />
+            </Col>
+          </Row>
+        </Panel.Body>
+      </Panel>
+    );
+  }
+
+  renderAnalysisView(container, type, product = null, idx = -1, isLogin = false) {
+    if (typeof (container) === 'undefined' || !container) {
+      return <span />;
+    }
+
+    const analyses = ArrayUtils.sortArrByIndex(head(filter(container.children, o => o.container_type === 'analyses')).children);
+    const show = this.state.showRA[idx];
+    if (typeof (analyses) === 'undefined' || !analyses || analyses.length === 0) {
+      return <div />;
+    }
+
+    const productHeader = (typeof (product) !== 'undefined' && product) ? <RenderAnalysisHeader key={`reaction-product-header-${product.id}`} element={product} isPublic={this.props.isPublished} isLogin={isLogin} /> : <span />;
+
+    const analysesView = analyses.map((analysis) => {
+      const kind = analysis.extended_metadata && analysis.extended_metadata.kind && analysis.extended_metadata['kind'].split('|').pop().trim();
+      return (
+        <span key={`analysis_${analysis.id}`}>
+          <CommentBtn {...this.props} field={`Analysis_${analysis.id}`} orgInfo={kind} onShow={this.handleCommentBtn} />
+          <RenderPublishAnalysesPanel
+            key={`${type}_${analysis.id}`}
+            analysis={analysis}
+            elementType={type}
+            isPublic={this.props.isPublished}
+          />
+        </span>
+      );
+    });
+
+    return (
+      <div>
+        <span
+          role="presentation"
+          className="label label-default"
+          style={{
+            backgroundColor: '#777777',
+            color: 'white',
+            fontSize: 'smaller',
+            fontWeight: 'bold',
+            cursor: 'pointer'
+          }}
+          onClick={() => this.toggleRA(idx)}
+        >
+          Analyses &nbsp;
+          <i className={`glyphicon ${show}`} />
+        </span>
+        <span className="label" style={{ color: 'black', fontSize: 'smaller', fontWeight: 'bold' }}>
+          {AnalysesTypeJoinLabel(analyses, type)}
+        </span>
+        <Panel style={{ border: 'none' }} id={`collapsible_${type}_analyses`} expanded={show} defaultExpanded onToggle={() => { }}>
+          <Panel.Collapse>
+            <Panel.Body style={{ fontSize: '90%', backgroundColor: '#f5f5f5', padding: '4' }}>
+              {productHeader}
+              {analysesView}
+            </Panel.Body>
+          </Panel.Collapse>
+        </Panel>
+      </div>
+    );
+  }
+
+  renderProductAnalysisView(products, isLogin = false) {
+    if (typeof (products) === 'undefined' || !products || products.length === 0) {
+      return <span />;
+    }
+    return products.map((product, idx) => (
+      <div key={`product-${product.id}`}>
+        {this.renderAnalysisView(product.container, 'Sample', product, idx, isLogin)}
+      </div>
+    ));
+  }
+
+  render() {
+    const {
+      reaction,
+      isPublished,
+      canComment,
+      reviewLevel,
+      submitter,
+      pubState,
+      comments,
+      summary,
+      feedback,
+      canClose,
+    } = this.props;
+    let { buttons } = this.props;
+
+    if (typeof (reaction) === 'undefined' || !reaction) {
+      return <div />;
+    }
+
+    const taggData = (reaction && reaction.publication && reaction.publication.taggable_data) || {};
+    const pubData = (reaction && reaction.publication) || {};
+    const doi = (reaction && reaction.doi) || {};
+
+    const aId = [].concat.apply([], taggData.affiliation_ids);
+    const affiliationMap = {};
+    const { literatures } = reaction;
+    const references = literatures ? literatures.map(lit => (
+      <li key={`product_${lit.id}`} style={{ display: 'flex' }}>
+        <RefByUserInfo info={lit.ref_added_by} />&nbsp;
+        <i className={`icon-${lit.element_type.toLowerCase()}`} />&nbsp;
+        <Citation key={lit.id} literature={lit} />
+      </li>
+    )) : [];
+    const refArray = [];
+    let referencesText = '';
+    if (literatures) {
+      literatures.forEach((lit) => {
+        const content = literatureContent(lit, true);
+        refArray.push(content);
+      });
+      referencesText = refArray.join('');
+    }
+
+    let aCount = 0;
+    aId.map((e) => {
+      if (!affiliationMap[e]) {
+        aCount += 1;
+        affiliationMap[e] = aCount;
+      }
+    });
+    const license = taggData.license || 'CC BY-SA';
+
+    const schemeOnly = (reaction && reaction.publication && reaction.publication.taggable_data &&
+      reaction.publication.taggable_data.scheme_only === true) || false;
+
+    let showDOI = <Doi type="reaction" id={reaction.id} doi={isPublished ? taggData.doi : doi} isPublished={isPublished} />;
+    if (schemeOnly) {
+      buttons = ['Decline', 'Comments', 'Accept'];
+      showDOI = '';
+    }
+
+    const idyLogin = typeof reaction.isLogin === 'undefined' ? true : reaction.isLogin;
+
+    return (
+      <div style={{ border: 'none' }}>
+        <div >
+          <Jumbotron key={`reaction-${reaction.id}`}>
+            {
+              canComment ?
+                <RepoReviewButtonBar
+                  element={{ id: reaction.id, elementType: 'Reaction' }}
+                  buttons={buttons}
+                  buttonFunc={this.handleReviewBtn}
+                  reviewLevel={reviewLevel}
+                  pubState={pubState}
+                  comments={comments}
+                  summary={summary}
+                  feedback={feedback}
+                /> : ''
+            }
+            {canClose ? <ClosePanel element={reaction} /> : ''}
+            <h4>
+              <IconToMyDB isLogin={idyLogin} id={reaction.id} type="reaction" />{schemeOnly ? <SchemeWord /> : ''}&nbsp;
+              <DateInfo pubData={pubData} tagData={taggData} isPublished={isPublished} />&nbsp;
+              {IconLicense(license, (taggData.author_ids && (taggData.author_ids.length > 1)))}
+            </h4>
+            <br />
+            <ContributorInfo contributor={taggData.contributors} />
+            <h5>
+              <b>{AuthorTitle(taggData.author_ids)} </b>
+              <AuthorList creators={taggData.creators} affiliationMap={affiliationMap} />
+            </h5>
+            <AffiliationList
+              affiliations={taggData.affiliations}
+              affiliationMap={affiliationMap}
+            />
+            {showDOI}
+            <ChemotionId id={pubData.id} type="reaction" />
+            <h5>
+              <CommentBtn {...this.props} field="Reference" orgInfo={referencesText} onShow={this.handleCommentBtn} />
+              <b>Reference{references.length > 1 ? 's' : null}: </b>
+              <ul style={{ listStyle: 'none' }}>{references}</ul>
+            </h5>
+            <br />
+            <h5>
+              {this.reactionInfo(reaction)}
+            </h5>
+            {schemeOnly ? '' : this.renderAnalysisView(reaction.container, 'Reaction')}
+            {schemeOnly ? '' : this.renderProductAnalysisView(reaction.products, idyLogin)}
+          </Jumbotron>
+        </div>
+        {
+          canComment ? (
+            <div>
+              <RepoCommentModal
+                show={this.state.showCommentModal}
+                elementId={reaction.id}
+                elementType="reaction"
+                field={this.state.commentField}
+                orgInfo={this.state.originInfo}
+                state={pubState}
+                reviewLevel={reviewLevel}
+                submitter={submitter}
+                commentObj={comments[this.state.commentField]}
+                onUpdate={this.handleSubmitComment}
+                onHide={() => this.setState({ showCommentModal: false })}
+              />
+              <RepoReviewModal
+                show={this.state.showReviewModal}
+                elementId={reaction.id}
+                action={this.state.btnAction}
+                state={pubState}
+                reviewLevel={reviewLevel}
+                submitter={submitter}
+                comments={comments}
+                summary={summary}
+                feedback={feedback}
+                onSubmit={this.handleSubmitReview}
+                onHide={() => this.setState({ showReviewModal: false })}
+              />
+            </div>
+          ) : ''
+        }
+      </div>);
+  }
+}
+
+RepoReactionDetails.propTypes = {
+  reaction: PropTypes.object.isRequired,
+  isPublished: PropTypes.bool,
+  canComment: PropTypes.bool,
+  reviewLevel: PropTypes.number,
+  submitter: PropTypes.string,
+  pubState: PropTypes.string,
+  comments: PropTypes.object,
+  summary: PropTypes.string,
+  feedback: PropTypes.string,
+  canClose: PropTypes.bool,
+  buttons: PropTypes.arrayOf(PropTypes.string),
+};
+
+RepoReactionDetails.defaultProps = {
+  isPublished: false,
+  canComment: false,
+  reviewLevel: 0,
+  submitter: '',
+  pubState: '',
+  comments: {},
+  summary: '',
+  feedback: '',
+  canClose: true,
+  buttons: ['Decline', 'Comments', 'Review', 'Submit', 'Accept'],
+};
diff --git a/app/assets/javascripts/libHome/RepoReactionSchemeInfo.js b/app/assets/javascripts/libHome/RepoReactionSchemeInfo.js
new file mode 100644
index 000000000..1ee3f144f
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReactionSchemeInfo.js
@@ -0,0 +1,87 @@
+import React from 'react';
+import {
+  Panel,
+  Row,
+  Col
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import SVG from 'react-inlinesvg';
+import { CommentBtn, ReactionTable, ReactionRinChiKey, ReactionProperties } from './RepoCommon';
+import QuillViewer from '../components/QuillViewer';
+
+const RepoReactionSchemeInfo = (props) => {
+  const content = props.reaction.description;
+  const contentlength = (content && content.ops && content.ops.length > 0 && content.ops[0].insert) ? content.ops[0].insert.trim().length : 0;
+  const descQV = contentlength > 0 ?
+  (<span><b>Description:</b><QuillViewer value={content}  /></span>) : null;
+
+  return (
+    <Panel style={{ marginBottom: '4px' }}>
+      <Panel.Body style={{ paddingBottom: '1px' }}>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <SVG key={props.svgPath} src={props.svgPath} className="reaction-details" />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <CommentBtn {...props} field="Reaction Table" orgInfo="<Reaction Table>" onShow={props.onComment} />
+            <ReactionTable
+              reaction={props.reaction}
+              toggle={() => props.onToggle('Scheme')}
+              show={props.showScheme}
+              isPublic
+              bodyAttrs={props.bodyAttrs}
+            />
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <div className="desc small-p">
+              {descQV}
+            </div>
+          </Col>
+        </Row>
+        <Row>
+          <Col sm={12} md={12} lg={12}>
+            <ReactionRinChiKey
+              reaction={props.reaction}
+              toggle={() => props.onToggle('Rinchi')}
+              show={props.showRinchi}
+              bodyAttrs={props.bodyAttrs}
+            />
+          </Col>
+        </Row>
+      </Panel.Body>
+    </Panel>
+  );
+};
+
+RepoReactionSchemeInfo.propTypes = {
+  reaction: PropTypes.object.isRequired,
+  svgPath: PropTypes.string.isRequired,
+  showScheme: PropTypes.bool.isRequired,
+  showRinchi: PropTypes.bool.isRequired,
+  showProp: PropTypes.bool.isRequired,
+  bodyAttrs: PropTypes.object.isRequired,
+  onToggle: PropTypes.func.isRequired,
+  comments: PropTypes.object,
+  reviewLevel: PropTypes.number,
+  pubState: PropTypes.string,
+  submitter: PropTypes.string,
+  propInfo: PropTypes.string,
+  onComment: PropTypes.func,
+  canComment: PropTypes.bool,
+};
+
+RepoReactionSchemeInfo.defaultProps = {
+  comments: {},
+  reviewLevel: 0,
+  pubState: '',
+  submitter: '',
+  propInfo: '',
+  onComment: () => {},
+  canComment: false
+};
+
+export default RepoReactionSchemeInfo;
diff --git a/app/assets/javascripts/libHome/RepoReview.js b/app/assets/javascripts/libHome/RepoReview.js
new file mode 100644
index 000000000..620fcabd5
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReview.js
@@ -0,0 +1,236 @@
+import React, { Component } from 'react';
+import SVG from 'react-inlinesvg';
+import { Table, Col, Row, Navbar, DropdownButton, MenuItem, ButtonGroup, Pagination, Form, FormGroup, InputGroup, FormControl } from 'react-bootstrap';
+import RepoReviewDetails from './RepoReviewDetails';
+import PublicActions from '../components/actions/PublicActions';
+import PublicStore from '../components/stores/PublicStore';
+import { IconToMyDB, SvgPath, ElStateLabel, ElSubmitTime, SchemeWord } from './RepoCommon';
+
+const renderElement = (e, currentElement) => {
+  if (e.type === 'Reaction') {
+    const listClass = (currentElement !== null && currentElement.reaction && currentElement.reaction.id === e.id) ? 'list_focus_on' : 'list_focus_off';
+    const schemeOnly = (e && e.scheme_only === true) || false;
+    return (
+      <tr
+        key={e.id}
+        className={listClass}
+        onClick={() => PublicActions.displayReviewReaction(e.id)}
+      >
+        <td style={{ position: 'relative' }} >
+          <span className="review_element_label">
+            <IconToMyDB isLogin id={e.id} type="reaction" />{schemeOnly ? <SchemeWord /> : ''}&nbsp;{e.title}
+          </span>
+          &nbsp;By&nbsp;{e.published_by}&nbsp;at&nbsp;
+          {ElSubmitTime(e.submit_at)}&nbsp;{ElStateLabel(e.state)}&nbsp;{ElStateLabel(e.embargo)}
+          <div>
+            <SVG src={SvgPath(e.svg, e.type)} className="molecule-mid" key={e.svg} />
+          </div>
+        </td>
+      </tr>
+    );
+  }
+  const listClass = (currentElement !== null && currentElement.sample && currentElement.sample.id === e.id) ? 'list_focus_on' : 'list_focus_off';
+  return (
+    <tr
+      key={e.id}
+      className={listClass}
+      onClick={() => PublicActions.displayReviewSample(e.id)}
+    >
+      <td style={{ position: 'relative' }}>
+        <span className="review_element_label">
+          <IconToMyDB isLogin id={e.id} type="sample" />&nbsp;{e.title}
+        </span>
+        &nbsp;By&nbsp;{e.published_by}&nbsp;at&nbsp;
+        {ElSubmitTime(e.submit_at)}&nbsp;{ElStateLabel(e.state)}&nbsp;{ElStateLabel(e.embargo)}
+        <div>
+          <SVG src={SvgPath(e.svg, e.type)} className="molecule-mid" key={e.svg} />
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+const defaultState = 'pending';
+
+export default class RepoReview extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      page: 1,
+      perPage: 10,
+      elements: [],
+      currentElement: null,
+      selectType: 'All',
+      selectState: defaultState
+    };
+    this.onChange = this.onChange.bind(this);
+    this.handleElementSelection = this.handleElementSelection.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onChange);
+    PublicActions.getElements.defer();
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onChange);
+  }
+
+  onChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  handleElementSelection(t, event) {
+    const { page, perPage } = this.state;
+    if (t === 'type') {
+      this.setState({ selectType: event });
+      PublicActions.getElements(event,this.state.selectState, 1, perPage);
+    } else if (t === 'state') {
+      this.setState({ selectState: event });
+      PublicActions.getElements(this.state.selectType, event, 1, perPage);
+    }
+  }
+
+
+  onPerPageChange(e) {
+    const { page, selectType, selectState } = this.state;
+    const perPage = e.target.value;
+    this.setState({ perPage });
+    PublicActions.getElements(selectType, selectState, page, perPage);
+  }
+
+  perPageInput() {
+    const { perPage } = this.state;
+    return (
+      <Form horizontal className="list-show-count" >
+        <FormGroup>
+          <InputGroup>
+            <InputGroup.Addon>Show</InputGroup.Addon>
+            <FormControl
+              type="text"
+              style={{ textAlign: 'center' }}
+              onChange={e => this.onPerPageChange(e)}
+              value={perPage || 0}
+            />
+          </InputGroup>
+        </FormGroup>
+      </Form>
+    );
+  }
+
+  onPaginationSelect(eventKey) {
+    const { pages, perPage, selectType, selectState } = this.state;
+    if (eventKey > 0 && eventKey <= pages) {
+      PublicActions.getElements(selectType, selectState, eventKey, perPage);
+    }
+  }
+
+  pagination() {
+    const { page, pages } = this.state;
+    const items = [];
+    const minPage = Math.max(page - 2, 1);
+    const maxPage = Math.min(minPage + 4, pages);
+    items.push(<Pagination.First key="first-page" onClick={() => this.onPaginationSelect(1)} />);
+    if (page > 1) {
+      items.push(<Pagination.Prev key="previous-page" onClick={() => this.onPaginationSelect(page - 1)} />);
+    }
+    for (let tpage = minPage; tpage <= maxPage; tpage += 1) {
+      items.push((
+        <Pagination.Item
+          key={`${tpage}-page`}
+          active={tpage === page}
+          onClick={() => this.onPaginationSelect(tpage)}
+        >
+          {tpage}
+        </Pagination.Item>
+      ));
+    }
+
+    if (pages > maxPage) {
+      items.push(<Pagination.Ellipsis key="ellipsis-page" />);
+    }
+    if (page !== pages) {
+      items.push(<Pagination.Next key="next-page" onClick={() => this.onPaginationSelect(page + 1)} />);
+    }
+    items.push(<Pagination.Last key="last-page" onClick={() => this.onPaginationSelect(pages)} />);
+
+    return <div className="list-pagination"><Pagination>{items}</Pagination></div>;
+  }
+
+  renderMenuItems(t, elements) {
+    const menu = elements.map(element => (
+      <MenuItem key={element} onSelect={() => this.handleElementSelection(t, element)}>
+        {element}
+      </MenuItem>
+    ));
+    return menu;
+  }
+
+  renderSearch() {
+    const customClass = '.btn-unified';
+    const optSearchType = ['All', 'Samples', 'Reactions'];
+    const optSearchState = ['pending', 'reviewed', 'accepted'];
+
+    const filterDropdown = (
+      <ButtonGroup>
+        <DropdownButton
+          className={customClass}
+          id="type-inner-dropdown"
+          title={this.state.selectType === 'All' ? 'Type' : this.state.selectType}
+          style={{ width: '100px' }}
+        >
+          {this.renderMenuItems('type', optSearchType)}
+        </DropdownButton>
+        <DropdownButton
+          className={customClass}
+          id="state-inner-dropdown"
+          title={this.state.selectState}
+          style={{ width: '100px' }}
+        >
+          {this.renderMenuItems('state', optSearchState)}
+        </DropdownButton>
+      </ButtonGroup>
+    );
+
+    return (
+      <div style={{ paddingLeft: '15px', marginTop: '8px', marginBottom: '8px' }}>
+        {filterDropdown}
+      </div>
+    );
+  }
+
+  render() {
+    const { elements, currentElement } = this.state;
+    return (
+      <Row style={{ maxWidth: '2000px', margin: 'auto' }}>
+        <Col md={currentElement ? 4 : 12} >
+          <Navbar fluid className="navbar-custom" style={{ marginBottom: '5px' }}>
+            {this.renderSearch()}
+            <div style={{ clear: 'both' }} />
+          </Navbar>
+          <div>
+            <div className="review-list" style={{ backgroundColor: '#f5f5f5' }} >
+              <Table striped className="review-entries">
+                <tbody striped="true" bordered="true" hover="true">
+                  {((typeof (elements) !== 'undefined' && elements) || []).map(r => renderElement(r, currentElement)) }
+                </tbody>
+              </Table>
+            </div>
+            <div className="list-container-bottom">
+              <Row>
+                <Col sm={8}>{this.pagination()}</Col>
+                <Col sm={4}>{this.perPageInput()}</Col>
+              </Row>
+            </div>
+          </div>
+        </Col>
+        <Col
+          className="review-element"
+          md={currentElement ? 8 : 0}
+          // style={this.state.currentElement ? {} : { display: 'none' }}
+        ><RepoReviewDetails />
+        </Col>
+      </Row>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoReviewButtonBar.js b/app/assets/javascripts/libHome/RepoReviewButtonBar.js
new file mode 100644
index 000000000..88d13bae8
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReviewButtonBar.js
@@ -0,0 +1,129 @@
+import React from 'react';
+import {
+  Button,
+  ButtonToolbar,
+  OverlayTrigger,
+  Tooltip
+} from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import RepoMetadataModal from '../components/common/RepoMetadataModal';
+
+const showButton = (btn, func, reviewLevel, pubState) => {
+  let title = btn;
+  let btnBsStyle = '';
+  let btnIcon = '';
+  let btnTooltip = '';
+  switch (btn) {
+    case 'Accept':
+      btnBsStyle = 'primary';
+      btnIcon = 'fa fa-paper-plane';
+      btnTooltip = 'Accept publication';
+      break;
+    case 'Review':
+      btnBsStyle = 'info';
+      btnIcon = 'fa fa-exchange';
+      btnTooltip = 'Review publication, modification required for submittor';
+      break;
+    case 'Submit':
+      btnBsStyle = 'info';
+      btnIcon = 'fa fa-play';
+      btnTooltip = 'Submit for publication';
+      break;
+    case 'Decline':
+      btnBsStyle = 'default';
+      btnIcon = 'fa fa-eject';
+      if (reviewLevel === 2) {
+        btnTooltip = 'Withdraw publication';
+        title = 'Withdraw';
+      } else if (reviewLevel === 3) {
+        btnTooltip = 'Reject publication';
+        title = 'Reject';
+      }
+      break;
+    default:
+      break;
+  }
+  return ((reviewLevel === 3 && pubState === 'pending' && btn !== 'Submit') || (reviewLevel === 2 && pubState === 'reviewed' && (btn === 'Submit' || btn === 'Decline'))) ? (
+    <OverlayTrigger
+      key={`ot_${title}`}
+      placement="top"
+      overlay={<Tooltip id={btn}>{btnTooltip}</Tooltip>}
+    >
+      <Button
+        bsStyle={btnBsStyle}
+        onClick={() => func(true, btn)}
+      >
+        <i className={btnIcon} />&nbsp;{title}
+      </Button>
+    </OverlayTrigger>
+  ) : <span key={`span_${title}`} />;
+};
+
+const showCommentButton = (btn, func, comments, summary, feedback) => {
+  let hasComments = false;
+  if (Object.keys(comments).length > 0
+    || (summary && summary.length > 0)
+    || (feedback && feedback.length > 0)) {
+    hasComments = true;
+  }
+  return (
+    <OverlayTrigger
+      key="ot_comments"
+      placement="top"
+      overlay={<Tooltip id="showComments">Show/Add Comments</Tooltip>}
+    >
+      <Button
+        bsStyle={hasComments ? 'success' : 'default'}
+        onClick={() => func(true, btn)}
+      >
+        <i className="fa fa-comments" />&nbsp;
+        Comments
+      </Button>
+    </OverlayTrigger>
+  );
+};
+
+const RepoReviewButtonBar = props =>
+  (
+    <ButtonToolbar>
+      {
+        props.buttons.filter(b => b === 'Comments').map(b =>
+          showCommentButton(b, props.buttonFunc, props.comments, props.summary, props.feedback))
+      }
+      {
+        props.buttons.filter(b => b !== 'Comments').map(b =>
+          showButton(b, props.buttonFunc, props.reviewLevel, props.pubState))
+      }
+      <RepoMetadataModal
+        elementId={props.element.id}
+        elementType={props.element.elementType.toLowerCase()}
+      />
+    </ButtonToolbar>
+  );
+
+RepoReviewButtonBar.propTypes = {
+  element: PropTypes.shape({
+    id: PropTypes.number,
+    elementType: PropTypes.string
+  }).isRequired,
+  buttons: PropTypes.arrayOf(PropTypes.string),
+  buttonFunc: PropTypes.func,
+  reviewLevel: PropTypes.number,
+  pubState: PropTypes.string,
+  comments: PropTypes.object,
+  summary: PropTypes.string,
+  feedback: PropTypes.string
+};
+
+
+RepoReviewButtonBar.defaultProps = {
+  buttons: ['Decline', 'Comments', 'Review', 'Submit', 'Accept'],
+  buttonFunc: () => { },
+  reviewLevel: 0,
+  pubState: '',
+  comments: {},
+  summary: '',
+  feedback: ''
+};
+
+export default RepoReviewButtonBar;
diff --git a/app/assets/javascripts/libHome/RepoReviewCommon.js b/app/assets/javascripts/libHome/RepoReviewCommon.js
new file mode 100644
index 000000000..790e6324e
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReviewCommon.js
@@ -0,0 +1,98 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Alert } from 'react-bootstrap';
+import { startsWith } from 'lodash';
+
+const AffiliationMap = (affiliationIds) => {
+  const aId = [].concat.apply([], affiliationIds);
+  const affiliationMap = {};
+  let aCount = 0;
+  aId.map((e) => {
+    if (!affiliationMap[e]) {
+      aCount += 1;
+      affiliationMap[e] = aCount;
+    }
+  });
+  return affiliationMap;
+};
+
+const CommentComponent = (comment, title, feedback, feedbackTitle) => {
+  const reviewer = (comment ?
+    (
+      <Alert bsStyle="danger" style={{ marginBottom: 'unset' }}>
+        <strong>{title}</strong>
+        <br />
+        <div style={{ whiteSpace: 'pre-wrap' }}>{comment}</div>
+      </Alert>
+    )
+    :
+      <div />
+  );
+  const submitter = (feedback ?
+    (
+      <Alert bsStyle="warning" style={{ marginBottom: 'unset' }}>
+        <strong>{feedbackTitle}</strong>
+        <br />
+        <div style={{ whiteSpace: 'pre-wrap' }}>{feedback}</div>
+      </Alert>
+    )
+    :
+      <div />
+  );
+  return (
+    <span>
+      {reviewer}
+      {submitter}
+    </span>
+  );
+};
+
+const CommentDisplay = ({ elReview, commentKey }) => {
+  let objectKey = commentKey;
+  if (startsWith(commentKey, 'Reaction_Analysis_')) {
+    objectKey = 'Reaction Analysis';
+  } else if (startsWith(commentKey, 'Product_Analysis_')) {
+    objectKey = 'Product Analysis';
+  } else if (startsWith(commentKey, 'Analysis_')) {
+    objectKey = 'Analysis';
+  }
+
+  if (elReview) {
+    switch (objectKey) {
+      case 'Summary':
+        return CommentComponent(elReview.summary, 'Review Summary', elReview.feedback, 'Submitter Summary');
+      case 'Reference':
+      case 'Reaction Table':
+      case 'Description':
+      case 'Additional information':
+      case 'Properties':
+      case 'TLC-Control':
+      case 'Reaction Analysis':
+      case 'Product Analysis':
+      case 'Analysis':
+        return (elReview.comments && elReview.comments[commentKey]) ?
+          CommentComponent(
+            elReview.comments[commentKey].comment, `Review Comment on ${commentKey}`,
+            elReview.comments[commentKey].feedback, `Feedback on ${commentKey}`
+          ) : <div />;
+      default:
+        return <div />;
+    }
+  }
+  return <div />;
+};
+
+CommentDisplay.propTypes = {
+  elReview: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  commentKey: PropTypes.string.isRequired
+};
+
+CommentDisplay.defaultProps = {
+  elReview: null
+};
+
+export {
+  AffiliationMap,
+  CommentComponent,
+  CommentDisplay
+};
diff --git a/app/assets/javascripts/libHome/RepoReviewDetails.js b/app/assets/javascripts/libHome/RepoReviewDetails.js
new file mode 100644
index 000000000..e50834c7c
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoReviewDetails.js
@@ -0,0 +1,76 @@
+import React, { Component } from 'react';
+import PublicStore from '../components/stores/PublicStore';
+import RepoReactionDetails from './RepoReactionDetails';
+import RepoSampleDetails from './RepoSampleDetails';
+
+export default class RepoReviewDetails extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      element: props.element,
+      commentInfo: {},
+      summaryInfo: '',
+      feedbackInfo: '',
+      pubState: '',
+      reviewLevel: 0,
+      submitter: '',
+    };
+
+    this.onStoreChange = this.onStoreChange.bind(this);
+  }
+
+  componentDidMount() {
+    PublicStore.listen(this.onStoreChange);
+  }
+
+  componentWillUnmount() {
+    PublicStore.unlisten(this.onStoreChange);
+  }
+
+  onStoreChange(state) {
+    this.setState(prevState => ({ ...prevState, ...state }));
+  }
+
+  switchTypeRender() {
+    const { currentElement, elementType } = this.state;
+
+    if (typeof (currentElement) === 'undefined' || !currentElement) {
+      return <span />;
+    }
+    switch (elementType) {
+      case 'reaction':
+        return (
+          <RepoReactionDetails
+            reaction={currentElement.reaction}
+            canComment
+            reviewLevel={this.state.reviewLevel}
+            submitter={this.state.submitter}
+            pubState={this.state.pubState}
+            comments={this.state.commentInfo ? this.state.commentInfo : {}}
+            summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+            feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+          />);
+      case 'sample':
+        return (
+          <RepoSampleDetails
+            element={currentElement}
+            canComment
+            reviewLevel={this.state.reviewLevel}
+            submitter={this.state.submitter}
+            pubState={this.state.pubState}
+            comments={this.state.commentInfo ? this.state.commentInfo : {}}
+            summary={this.state.summaryInfo ? this.state.summaryInfo : ''}
+            feedback={this.state.feedbackInfo ? this.state.feedbackInfo : ''}
+          />);
+      default: return <span />;
+    }
+  }
+
+  render() {
+    return (
+      <div style={{ border: 'none' }}>
+        {this.switchTypeRender()}
+      </div>
+    );
+  }
+}
diff --git a/app/assets/javascripts/libHome/RepoSample.js b/app/assets/javascripts/libHome/RepoSample.js
new file mode 100644
index 000000000..68b13e86d
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoSample.js
@@ -0,0 +1,150 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Button, Jumbotron, Panel } from 'react-bootstrap';
+import ArrayUtils from '../components/utils/ArrayUtils';
+import {
+  AffiliationList,
+  AnalysesTypeJoinLabel,
+  AuthorList,
+  ChemotionId,
+  CommentBtn,
+  ContributorInfo,
+  DateInfo,
+  Doi,
+  IconLicense,
+  IconToMyDB,
+  RenderPublishAnalysesPanel,
+  SidToPubChem,
+  ToggleIndicator,
+} from './RepoCommon';
+import { AffiliationMap } from './RepoReviewCommon';
+import { Citation, literatureContent, RefByUserInfo } from '../components/LiteratureCommon';
+
+export default class RepoSample extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      expandSA: true,
+    };
+    this.toggleSA = this.toggleSA.bind(this);
+    this.renderAnalyses = this.renderAnalyses.bind(this);
+  }
+
+  toggleSA() {
+    const { expandSA } = this.state;
+    this.setState({ expandSA: !expandSA });
+  }
+
+  renderAnalyses(analyses) {
+    const orderAnalyses = ArrayUtils.sortArrByIndex(analyses);
+    return orderAnalyses.map((analysis) => {
+      const kind = (analysis.extended_metadata['kind'] || '').split('|').pop().trim();
+      return (
+        <span key={`analysis_${analysis.id}`}>
+          <CommentBtn {...this.props} field={`Analysis_${analysis.id}`} orgInfo={kind} onShow={this.props.handleCommentBtn} />
+          <RenderPublishAnalysesPanel
+            key={analysis.id}
+            analysis={analysis}
+            isPublic={this.props.isPublished}
+            elementType="Sample"
+          />
+        </span>
+      );
+    });
+  }
+
+  render() {
+    const {
+      sample, pubData, tagData, isPublished,
+      canComment, handleCommentBtn, isLogin
+    } = this.props;
+    const { expandSA } = this.state;
+
+    const affiliationMap = AffiliationMap(sample.affiliation_ids);
+
+    const references = sample.literatures ? sample.literatures.map(lit => (
+      <li key={`li_${lit.id}`} style={{ display: 'flex' }}>
+        <RefByUserInfo info={lit.ref_added_by} />&nbsp;
+        <Citation key={lit.id} literature={lit} />
+      </li>
+    )) : [];
+
+    const refArray = [];
+    let referencesText = '';
+    if (canComment && sample.literatures) {
+      sample.literatures.forEach((lit) => {
+        const content = literatureContent(lit, true);
+        refArray.push(content);
+      });
+      referencesText = refArray.join('');
+    }
+
+    const iupacUserDefined = ((sample.showed_name == sample.molecule_iupac) || sample.showed_name == null)
+      ? <span />
+      : <h5><b>Name: </b> {sample.showed_name} </h5>;
+
+    const analyses = (sample.analyses && sample.analyses.children && sample.analyses.children.length > 0 && sample.analyses.children[0].children) || [];
+    return (
+      <Jumbotron key={`sample-${sample.id}`}>
+        <h4>
+          <IconToMyDB isLogin={isLogin} id={sample.id} type="sample" />&nbsp;
+          <DateInfo pubData={pubData} tagData={tagData} isPublished={isPublished} />&nbsp;
+          <SidToPubChem sid={sample.sid} />&nbsp;
+          {IconLicense(sample.license, (sample.author_ids.length > 1))}
+        </h4>
+        <br />
+        {iupacUserDefined}
+        <ContributorInfo contributor={sample.contributors} />
+        <h5>
+          <b>Author{sample.author_ids.length > 1 ? 's' : ''}: </b>
+          <AuthorList creators={sample.creators} affiliationMap={affiliationMap} />
+        </h5>
+        <AffiliationList
+          affiliations={sample.affiliations}
+          affiliationMap={affiliationMap}
+        />
+        <Doi type="sample" id={sample.id} doi={sample.doi} isPublished={isPublished} />
+        <ChemotionId id={pubData.id} type="sample" />
+        <h5>
+          {sample.reaction_ids.map(rid => (
+            <Button key={`reaction-link-btn-${rid}`} bsStyle="link" style={{ padding: '0px 0px' }} onClick={() => { window.location = `/home/publications/reactions/${rid}`; }}>
+              <i className="icon-reaction" style={{ fontSize: '1.5em' }} />{'Product of reaction'}
+            </Button>
+          ))}
+        </h5>
+        <h5>
+          <CommentBtn {...this.props} field="Reference" orgInfo={referencesText} onShow={handleCommentBtn} />
+          <b>Reference{references.length > 1 ? 's' : null}: </b>
+          <ul style={{ listStyle: 'none' }}>{references}</ul>
+        </h5>
+        <ToggleIndicator onClick={this.toggleSA} name="Analyses" indicatorStyle={expandSA ? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'} />
+        <span className="label" style={{ color: 'black', fontSize: 'smaller', fontWeight: 'bold' }}>
+          {AnalysesTypeJoinLabel(ArrayUtils.sortArrByIndex(analyses), 'Sample')}
+        </span>
+        <Panel style={{ border: 'none' }} id="collapsible-panel-sample-analyses" expanded={expandSA} defaultExpanded={expandSA} onToggle={() => { }}>
+          <Panel.Collapse>
+            <Panel.Body style={{ fontSize: '90%', backgroundColor: '#f5f5f5', padding: '4' }}>
+              {this.renderAnalyses(analyses)}
+            </Panel.Body>
+          </Panel.Collapse>
+        </Panel>
+      </Jumbotron>
+    );
+  }
+}
+
+RepoSample.propTypes = {
+  sample: PropTypes.object.isRequired,
+  pubData: PropTypes.object.isRequired,
+  tagData: PropTypes.object.isRequired,
+  isPublished: PropTypes.bool.isRequired,
+  canComment: PropTypes.bool,
+  handleCommentBtn: PropTypes.func,
+  isLogin: PropTypes.bool
+};
+
+RepoSample.defaultProps = {
+  canComment: false,
+  handleCommentBtn: () => {},
+  isLogin: false
+};
diff --git a/app/assets/javascripts/libHome/RepoSampleDetails.js b/app/assets/javascripts/libHome/RepoSampleDetails.js
new file mode 100644
index 000000000..00d1ec23b
--- /dev/null
+++ b/app/assets/javascripts/libHome/RepoSampleDetails.js
@@ -0,0 +1,236 @@
+import React, { Component } from 'react';
+import { Panel } from 'react-bootstrap';
+import PropTypes from 'prop-types';
+import {
+  ClosePanel,
+  MoleculeInfo,
+} from './RepoCommon';
+import LoadingActions from '../components/actions/LoadingActions';
+import PublicActions from '../components/actions/PublicActions';
+import RepoReviewButtonBar from './RepoReviewButtonBar';
+import RepoCommentModal from '../components/common/RepoCommentModal';
+import RepoReviewModal from '../components/common/RepoReviewModal';
+import RepoSample from './RepoSample';
+
+export default class RepoSampleDetails extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      showReviewModal: false,
+      btnAction: '',
+      showCommentModal: false,
+      commentField: '',
+      originInfo: '',
+    };
+    this.handleReviewBtn = this.handleReviewBtn.bind(this);
+    this.handleSubmitReview = this.handleSubmitReview.bind(this);
+    this.handleCommentBtn = this.handleCommentBtn.bind(this);
+    this.handleSubmitComment = this.handleSubmitComment.bind(this);
+  }
+
+  handleReviewBtn(showReviewModal, btnAction) {
+    this.setState({ showReviewModal, btnAction });
+  }
+
+  handleSubmitReview(elementId, comments, summary, feedback, action) {
+    LoadingActions.start();
+    PublicActions.reviewPublish(elementId, 'sample', comments, summary, feedback, action);
+    this.setState({ showReviewModal: false });
+  }
+
+  handleCommentBtn(show, field, orgInfo) {
+    this.setState({
+      showCommentModal: show,
+      commentField: field,
+      originInfo: orgInfo
+    });
+  }
+
+  handleSubmitComment(elementId, elementType, field, comment, origInfo) {
+    LoadingActions.start();
+    const cinfo = {};
+    if (typeof (cinfo[field]) === 'undefined') {
+      cinfo[field] = {};
+    }
+    const today = new Date();
+    const d = `${today.getDate()}-${today.getMonth() + 1}-${today.getFullYear()} `;
+    const t = `${today.getHours()}:${today.getMinutes() + 1}:${today.getSeconds()} `;
+    const dt = `${d} ${t}`;
+    if (this.props.reviewLevel === 2) {
+      cinfo[field].feedback = comment;
+      cinfo[field].origInfo = origInfo;
+      cinfo[field].feedback_time = dt;
+    } else {
+      cinfo[field].comment = comment;
+      cinfo[field].origInfo = origInfo;
+      cinfo[field].comment_time = dt;
+    }
+
+    PublicActions.updateComment(elementId, elementType, cinfo);
+    this.setState({ showCommentModal: false });
+  }
+
+  render() {
+    const {
+      element,
+      isPublished,
+      canComment,
+      reviewLevel,
+      submitter,
+      pubState,
+      comments,
+      summary,
+      feedback,
+      canClose,
+      buttons
+    } = this.props;
+
+    if (typeof (element) === 'undefined' || !element) {
+      return <div />;
+    }
+
+    const {
+      molecule, isLogin
+    } = element;
+
+    const idyLogin = typeof isLogin === 'undefined' ? true : isLogin;
+
+    let samples = [];
+    let pubData = {};
+    let tagData = {};
+    let { sample } = element;
+    if (isPublished) {
+      samples = element.published_samples;
+      sample = samples.find(x => x !== undefined);
+      sample.id = sample.sample_id;
+    } else {
+      samples.push(element.sample);
+      pubData = element.publication;
+    }
+
+    tagData = (pubData.taggable_data) || {};
+    const details = (samples || []).map((s) => {
+      if (isPublished) {
+        pubData = {
+          id: s.pub_id
+        };
+        tagData = {
+          published_at: s.published_at,
+          doi_reg_at: s.doi_reg_at
+        };
+      }
+      const el = {
+        id: s.id || s.sample_id,
+        sid: s.sid,
+        affiliation_ids: s.affiliation_ids || tagData.affiliation_ids,
+        affiliations: s.affiliations || tagData.affiliations,
+        literatures: s.literatures || element.literatures,
+        license: s.license || tagData.license || 'CC BY-SA',
+        author_ids: s.author_ids || tagData.author_ids || [],
+        contributors: s.contributors || tagData.contributors,
+        creators: s.creators || tagData.creators,
+        doi: s.doi || element.doi,
+        reaction_ids: s.reaction_ids || [],
+        showed_name: s.showed_name,
+        molecule_iupac: molecule.iupac_name || [],
+        analyses: s.analyses || element.analyses || []
+      };
+
+      return (
+        <RepoSample
+          key={el.id}
+          sample={el}
+          pubData={pubData}
+          tagData={tagData}
+          handleCommentBtn={this.handleCommentBtn}
+          isLogin={idyLogin}
+          {...this.props}
+        />
+      );
+    });
+
+    return (
+      <Panel style={{ border: 'none' }} >
+        <Panel.Body>
+          {
+            canComment ?
+              <RepoReviewButtonBar
+                element={{ id: sample.id, elementType: 'Sample' }}
+                buttonFunc={this.handleReviewBtn}
+                reviewLevel={reviewLevel}
+                pubState={pubState}
+                comments={comments}
+                summary={summary}
+                feedback={feedback}
+                buttons={buttons}
+              /> : ''
+          }
+          {canClose ? <ClosePanel element={sample} /> : ''}
+          <MoleculeInfo molecule={molecule} sample_svg_file={sample.sample_svg_file} />
+          <div>
+            {details}
+          </div>
+          {
+            canComment ?
+              <div>
+                <RepoCommentModal
+                  show={this.state.showCommentModal}
+                  elementId={sample.id}
+                  elementType="Sample"
+                  field={this.state.commentField}
+                  orgInfo={this.state.originInfo}
+                  state={pubState}
+                  reviewLevel={reviewLevel}
+                  submitter={submitter}
+                  commentObj={comments[this.state.commentField]}
+                  onUpdate={this.handleSubmitComment}
+                  onHide={() => this.setState({ showCommentModal: false })}
+                />
+                <RepoReviewModal
+                  show={this.state.showReviewModal}
+                  elementId={sample.id}
+                  action={this.state.btnAction}
+                  state={pubState}
+                  reviewLevel={reviewLevel}
+                  submitter={submitter}
+                  comments={comments}
+                  summary={summary}
+                  feedback={feedback}
+                  onSubmit={this.handleSubmitReview}
+                  onHide={() => this.setState({ showReviewModal: false })}
+                />
+              </div> : ''
+          }
+
+        </Panel.Body>
+      </Panel>
+    );
+  }
+}
+
+RepoSampleDetails.propTypes = {
+  element: PropTypes.object.isRequired,
+  isPublished: PropTypes.bool,
+  canComment: PropTypes.bool,
+  reviewLevel: PropTypes.number,
+  submitter: PropTypes.string,
+  pubState: PropTypes.string,
+  comments: PropTypes.object,
+  summary: PropTypes.string,
+  feedback: PropTypes.string,
+  canClose: PropTypes.bool,
+  buttons: PropTypes.arrayOf(PropTypes.string),
+};
+
+RepoSampleDetails.defaultProps = {
+  isPublished: false,
+  canComment: false,
+  reviewLevel: 0,
+  submitter: '',
+  pubState: '',
+  comments: {},
+  summary: '',
+  feedback: '',
+  canClose: true,
+  buttons: ['Decline', 'Comments', 'Review', 'Submit', 'Accept'],
+};
diff --git a/app/assets/javascripts/libHome/homeRoutes.js b/app/assets/javascripts/libHome/homeRoutes.js
new file mode 100644
index 000000000..2e73d3f61
--- /dev/null
+++ b/app/assets/javascripts/libHome/homeRoutes.js
@@ -0,0 +1,219 @@
+import PublicActions from '../components/actions/PublicActions'
+import PublicFetcher from '../components/fetchers/PublicFetcher'
+
+const routes = {
+  '/': 'root',
+  target: {
+    root: function(e) {
+      Aviator.navigate('/home/welcome')
+    }
+  },
+
+  '/welcome': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("welcome")
+      },
+    },
+    '/': 'show'
+  },
+
+  '/home': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("home")
+      },
+    },
+    '/': 'show'
+  },
+  '/publications': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("publications")
+      },
+    },
+    '/': 'show'
+  },
+  '/review': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("review")
+      },
+    },
+    '/': 'show'
+  },
+  '/about': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("about")
+      },
+    },
+    '/': 'show'
+  },
+  '/contact': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("contact")
+      },
+    },
+    '/': 'show'
+  },
+
+  '/newsroom': {
+    target: {
+      list: function (e) {
+        PublicActions.articles();
+      },
+      show: function (e) {
+        PublicActions.displayArticle(e.params.key)
+      },
+    },
+    '/': 'list',
+    '/:key': 'show'
+  },
+
+  '/newseditor': {
+    target: {
+      edit: function (e) {
+        PublicActions.editArticle(e.params.key)
+      },
+      show: function (e) {
+        PublicActions.editArticle('new')
+      },
+    },
+    '/show': 'show',
+    '/:key': 'edit'
+  },
+
+  '/howtoeditor': {
+    target: {
+      edit: function (e) {
+        PublicActions.editHowTo(e.params.key)
+      },
+      show: function (e) {
+        PublicActions.editHowTo('ein')
+      },
+    },
+    '/show': 'show',
+    '/:key': 'edit'
+  },
+
+  '/directive': {
+    target: {
+      show: function(e) {
+        PublicActions.openRepositoryPage("directive")
+      },
+    },
+    '/': 'show'
+  },
+
+  '/datasets': {
+    target: {
+      show: function(e) {
+        PublicActions.displayDataset(e.params.datasetId)
+      },
+    },
+    '/:datasetId': 'show'
+  },
+
+  '/molecules': {
+    target: {
+      show: function(e) {
+        PublicActions.displayMolecule(e.params.moleculeId)
+      },
+    },
+    '/:moleculeId': 'show'
+  },
+
+  '/reactions': {
+    target: {
+      show: function(e) {
+        PublicActions.displayReaction(e.params.reactionId)
+      },
+    },
+    '/:reactionId': 'show'
+  },
+
+  '/pid': {
+    target: {
+      show: function(e) {
+        PublicFetcher.queryPid({id: e.params.id})
+        }
+    },
+    '/:id': 'show'
+  },
+
+  '/inchikey': {
+    target: {
+      show: function(e) {
+        let url = e.uri.replace("/inchikey/", "")
+        let query = url.split(".")
+
+        if (query.length > 0) {
+          let version = query[1] || ""
+          let splitIndex = query[0].indexOf("/")
+          if (splitIndex < 0) splitIndex = query[0].length
+          let params = {
+            inchikey: query[0].substring(0, splitIndex),
+            type:  query[0].substring(splitIndex + 1),
+            version: version
+          }
+
+          PublicFetcher.queryInchikey(params)
+        }
+
+      },
+    },
+    '/*': 'show'
+  },
+
+  '/review_reaction': {
+    target: {
+      show: function(e) {
+        PublicActions.displayReviewReaction(e.params.reactionId)
+      },
+    },
+    '/:reactionId': 'show'
+  },
+
+  '/review_sample': {
+    target: {
+      show: function(e) {
+        PublicActions.displayReviewSample(e.params.sampleId)
+      },
+    },
+    '/:sampleId': 'show'
+  },
+
+  '/embargo': {
+    target: {
+      list: function (e) {
+        PublicActions.openRepositoryPage("embargo");
+      },
+      show: function (e) {
+        PublicActions.displayReviewEmbargo(e.params.elementType, e.params.elementId)
+      },
+    },
+    '/': 'list',
+    '/:elementType/:elementId': 'show'
+  },
+
+  '/howto': {
+    target: {
+      list: function (e) {
+        PublicActions.howtos();
+      },
+      show: function (e) {
+        PublicActions.displayHowTo(e.params.key)
+      },
+    },
+    '/': 'list',
+    '/:key': 'show'
+  },
+}
+
+export default function() {
+  Aviator.root = '/home'
+  Aviator.pushStateEnabled = true
+  Aviator.setRoutes(routes)
+}
diff --git a/app/assets/stylesheets/application.scss.erb b/app/assets/stylesheets/application.scss.erb
index 767095c13..f0f499742 100644
--- a/app/assets/stylesheets/application.scss.erb
+++ b/app/assets/stylesheets/application.scss.erb
@@ -23,6 +23,63 @@
  <%Bundler.load.current_dependencies.select{|dep| dep.groups.include?(:plugins)}.map(&:name).each do |plugin|%>
  @import "<%=plugin%>";
  <%end%>
+//////////////////////////
+ .main-image {
+  width: 100%;
+  margin-top: -10px;
+  position: relative;
+  display: inline-block;
+  background-color: #337ab7;
+}
+
+.main-image p {
+  margin-top: 10px;
+  font-size: 40px;
+  color: white;
+  text-align: center;
+  font-weight: 600;
+}
+
+.main-image img {
+  position: absolute;
+  overflow: visible;
+}
+
+.main-image img#book-image {
+  margin-top: -100px;
+  width: 300px;
+  opacity: 0%;
+}
+
+.main-image img#logo-image {
+  position: relative;
+}
+
+.main-image img#molecule-image {
+  right: 10px;
+  margin-top: -184px;
+}
+.main-image::before {
+  content: "";
+  top: 0;
+  left: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+
+.dfg_logo img{
+  height: 25px;
+}
+.info-panel p {
+  margin: auto;
+}
+
+.info-panel ul {
+  padding-left: 40%;
+  text-align: left;
+}
+//////////////////////////
 
 label.required:after {
   content: " *";
@@ -30,12 +87,36 @@ label.required:after {
 
 .navbar-custom {
   border-radius: 0;
+  padding: 0px;
   background-color: #EFEFEF;
+  // : none;
+  // background-image: -webkit-linear-gradient(left, #EFEFEF 0%, #0d47a1 100%);
+  // background-image: linear-gradient(to left, #EFEFEF 0%, #0d47a1 100%);
+
+  // background-repeat: repeat-x;
+
 
   a.dropdown-toggle:hover {
     color: black;
   }
 }
+
+// .white-nav-item {
+//
+//   a {
+//     color: white !important;
+//
+//     &:hover {
+//       color: grey !important;
+//       text-decoration: none;
+//     }
+//
+//     &:focus {
+//       color: black !important;
+//       text-decoration: none;
+//     }
+//   }
+// }
 .custom-modal {
   width: 100%;
 }
diff --git a/app/assets/stylesheets/collection_tree.css b/app/assets/stylesheets/collection_tree.css
index 4af907d3c..ac930bc6d 100644
--- a/app/assets/stylesheets/collection_tree.css
+++ b/app/assets/stylesheets/collection_tree.css
@@ -20,6 +20,10 @@
   overflow: auto;
 }
 
+.title-public {
+  background: Lavender;
+}
+
 .tree-view li {
   margin-left: -13px;
   list-style-type: none;
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index cd4838e43..f3ada692b 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1,3 +1,11 @@
+$color-chem-blue: #337ab7;
+$color-chem-logo-blue: #3a9fd3;
+$color-required: #d9534f;
+
+.field_required {
+  color: $color-required;
+}
+
 // --- color ---
 .c-text--grey {
   color: grey;
@@ -55,7 +63,6 @@
   line-height: 1;
 }
 
-
 .span-checkbox {
   -webkit-border-radius: 0;
   border-radius: 0;
@@ -201,6 +208,91 @@
       overflow-y: scroll;
       height: 85px;
     }
+  }  
+}
+
+.publish_tooltip {
+  .tooltip-inner {
+    text-align: left;
+    white-space: pre-wrap;
+  }
+}
+
+.review_element_label {
+  color: #333;
+  border-style: solid;
+  border-width: thin;
+  border-radius: 4px;
+  padding: 4px;
+
+  i {
+    font-size: 1.2em !important;
+  }
+}
+
+.list_focus_off {
+  cursor: pointer;
+  background-color: #F5F5F5;
+}
+.list_focus_on {
+  cursor: pointer;
+  background-color: #d4edda !important;
+}
+
+.feature {
+  display: flex;
+  .feature-block {
+    display: block;
+    position: relative;
+    padding: 16px 24px 32px 24px;
+    text-decoration: none;
+    z-index: 0;
+    overflow: hidden;
+    height: 100%;
+    &:before {
+      content: "";
+      position: absolute;
+      z-index: -1;
+      right: -16px;
+      background: unset;
+      height: 26px;
+      width: 100%;
+      transform: scale(1);
+      transform-origin: 50% 50%;
+      transition: transform 0.25s ease-out;
+      bottom: 50%;
+    }
+    &:hover:before {
+      transform: scale(8);
+      background: $color-chem-blue;
+    }
+    div {
+      padding: 8px;
+      display: inline-block;
+    }
+    h3 {
+      text-align: left;
+    }
+    i {
+      text-align: center;
+      display: inline-block;
+      color: $color-chem-blue;
+      position: relative;
+    }
+  }
+
+  .feature-block:hover {
+    p {
+      transition: all 0.3s ease-out;
+      color: #ffffff;
+    }
+    h3 {
+      transition: all 0.3s ease-out;
+      color: #ffffff;
+    }
+    i {
+      color: #ffffff;
+    }
   }
 }
 
@@ -209,4 +301,49 @@
   border-color: #bfbfbf;
   border-style: dashed;
   border-width: thin;
-}
\ No newline at end of file
+}
+
+.home-title {
+  font-size: x-large;
+  font-weight: bolder;
+  text-align: center;
+  padding-top: 60px;
+  padding-bottom: 30px;
+  & > span {
+    position: relative;
+    padding: 0 5px;
+    &:before {
+      content: "";
+      display: block;
+      width: 100%;
+      height: 1px;
+      position: absolute;
+      top: 50%;
+      background-color: #777;
+      right: 100%;
+    }
+    &:after {
+      content: "";
+      display: block;
+      width: 100%;
+      height: 1px;
+      position: absolute;
+      top: 50%;
+      background-color: #777;
+      left: 100%;
+    }
+  }
+}
+
+.display-false {
+  display: none !important;
+}
+
+.display-true {
+  .initial {
+    display: initial;
+  }
+  .inherit {
+    display: inherit;
+  }
+}
diff --git a/app/assets/stylesheets/elements_details.css b/app/assets/stylesheets/elements_details.css
index 1e3c7fca7..9e8f9cc7f 100644
--- a/app/assets/stylesheets/elements_details.css
+++ b/app/assets/stylesheets/elements_details.css
@@ -5,7 +5,6 @@
 .button-right {
   float: right;
   right: 0px;
-  z-index: 1;
   margin-left: 2px;
 }
 
@@ -128,3 +127,21 @@
   width: 100%;
   padding: 0 !important;
 }
+
+.full-screen .element-panel-detail > .panel-body {
+  overflow-x: hidden;
+  overflow-y: hidden;
+  max-height: calc(100vh - 110px);
+}
+
+.normal-screen .element-panel-detail > .panel-body {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  max-height: calc(100vh - 240px);
+}
+
+.element-panel-detail .full {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  max-height: calc(100vh - 150px);
+}
diff --git a/app/assets/stylesheets/elements_table.scss b/app/assets/stylesheets/elements_table.scss
index ddb54ba11..f7e913a82 100644
--- a/app/assets/stylesheets/elements_table.scss
+++ b/app/assets/stylesheets/elements_table.scss
@@ -115,6 +115,11 @@ th.drag {
   overflow-y: scroll;
 }
 
+// .list-guest-elements {
+//   @extend .list-elements;
+//   max-height: calc(100vh - 170px);
+// }
+
 .list-pagination {
   margin: 5px 0 0 0;
 }
@@ -153,10 +158,56 @@ th.drag {
   border-top: 0
 }
 
+.review-entries > tbody > tr > td {
+  border-top: 1
+}
+
+.public-element {
+  height: calc(100vh - 128px);
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.public-list {
+  height: calc(100vh - 220px);
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.public-list-adv {
+  height: calc(100vh - 300px);
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.review-element {
+  height: calc(100vh - 110px);
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.review-list {
+  height: calc(100vh - 214px);
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
 @media only screen and (max-width: 1500px) {
   .list-elements {
-    height: calc(100vh - 350px);
+    height: calc(100vh - 330px);
+  }
+
+  .public-element {
+    height: calc(100vh - 204px);
+    overflow-x: hidden;
+    overflow-y: scroll;
   }
+  .public-list {
+      height: calc(100vh - 226px);
+      overflow-x: hidden;
+      overflow-y: scroll;
+  }
+
 }
 
 @-webkit-keyframes blink-1 {
@@ -229,4 +280,3 @@ th.drag {
   -moz-animation:    blink-3 4s infinite  ; /* Fx 5+ */
   animation:         blink-3 4s infinite  ; /* IE 10+, Fx 29+ */
 }
-
diff --git a/app/assets/stylesheets/flexbox.css b/app/assets/stylesheets/flexbox.css
new file mode 100644
index 000000000..1f128871d
--- /dev/null
+++ b/app/assets/stylesheets/flexbox.css
@@ -0,0 +1,156 @@
+.cards_flex {
+  display: flex;
+  display: -webkit-flex;
+  -webkit-justify-content: center;
+  -webkit-align-items: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.cards_ary {
+    width: 100%;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: center;
+    -webkit-justify-content: center;
+    max-width: calc(95vw);
+}
+
+.card--1 .card__img, .card--1 .card__img--hover {
+    background-image: url('../images/spectraviewer.png');
+    object-fit: cover;
+}
+
+.card--2 .card__img, .card--2 .card__img--hover {
+    background-image: url('../images/chemeln.jpg');
+    object-fit: cover;
+}
+
+.card--3 .card__img, .card--3 .card__img--hover {
+    background-image: url('../images/chemrepo.png');
+    object-fit: cover;
+}
+
+.card--4 .card__img, .card--4 .card__img--hover {
+    background-image: url('../images/chemscanner.png');
+    object-fit: cover;
+}
+
+.card__like {
+    width: 40px;
+    float: right;
+}
+
+.card__clock {
+    width: 15px;
+    vertical-align: middle;
+    fill: #337ab7;
+}
+.card__time {
+    font-size: 18px;
+    font-weight: bold;
+    color: #337ab7;
+    vertical-align: middle;
+    margin-left: 5px;
+
+}
+
+.card__clock-info {
+    float: right;
+}
+
+.card__img {
+    visibility: hidden;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 100%;
+    height: 350px;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+    object-fit: cover;
+}
+
+.card__info-hover {
+    position: absolute;
+    padding: 16px;
+    width: 100%;
+    opacity: 0;
+    top: 0;
+    text-align: start;
+}
+
+.card__img--hover {
+    transition: 0.2s all ease-out;
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 100%;
+    position: absolute;
+    height: 350px;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+    top: 0;
+    object-fit: cover;
+}
+.card_u {
+    margin-right: 50px;
+    transition: all .2s cubic-bezier(0.175, 0.885, 0, 1);
+    background-color: #fff;
+    width: 25%;
+    position: relative;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 20px 20px 10px -8px rgba(0, 0, 0,0.1)
+}
+.card_u:hover {
+    box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1);
+    transform: scale(1.10, 1.10);
+}
+
+.card__info {
+    z-index: 2;
+    background-color: #fff;
+    border-bottom-left-radius: 12px;
+    border-bottom-right-radius: 12px;
+    padding: 16px 24px 24px 24px;
+}
+
+.card__title {
+    margin-top: 25px;
+    margin-bottom: 5px;
+}
+
+.card__desc {
+    margin-top: 10px;
+    font-weight: bolder !important;
+    color: #337ab7;
+    position: relative;
+    opacity: 1 !important;
+    height: 300px;
+    width: 100%;
+    font-size: 0.8vw;
+    vertical-align: middle;
+    display: table-cell;
+}
+
+.card__try {
+    position: relative;
+    z-index: 6;
+    display: flex;
+    display: -webkit-flex;
+}
+
+.card_u:hover .card__img--hover {
+    height: 100%;
+    opacity: 0.1;
+}
+
+.card_u:hover .card__info {
+    background-color: transparent;
+    position: relative;
+}
+
+.card_u:hover .card__info-hover {
+    opacity: 1;
+}
diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss
index e69de29bb..ad3b7133f 100644
--- a/app/assets/stylesheets/home.scss
+++ b/app/assets/stylesheets/home.scss
@@ -0,0 +1,23 @@
+.div-table {
+  display: table;
+  border-spacing: 10px;
+
+  .span-row {
+    display: table-row;
+
+    span {
+      display: table-cell;
+      vertical-align: middle;
+    }
+  }
+}
+.small-p  .ql-editor > p {
+  font-size: small;
+}
+
+iframe#home-tos {
+  width: 100%;
+  min-height: 80vh;
+  height: auto;
+  border: inherit;
+}
diff --git a/app/assets/stylesheets/howto.scss b/app/assets/stylesheets/howto.scss
new file mode 100644
index 000000000..bab44f000
--- /dev/null
+++ b/app/assets/stylesheets/howto.scss
@@ -0,0 +1,111 @@
+// .howto {
+.editor-stelle {
+    font-size: larger;
+    font-weight: bolder;
+    background-color: #eeeeee;
+}
+  .editor-btn {
+    float: left;
+    margin: 20px 0px 20px 0px;
+    button {
+      height: 30px;
+      width: 60px;
+      margin-right: 10px;
+    }
+  }
+  .editor-btn-right {
+    float: right;
+    margin-bottom: 20px;
+    button {
+      height: 30px;
+      width: 60px;
+      margin-left: 10px;
+    }
+  }
+  .editor-field {
+        padding: 0px 100px 70px 100px;
+        border: darkcyan medium dotted;
+        label {
+            margin-top: 5px;
+        }
+        .title {
+            font-size: 1.6em;
+            font-weight: bold;
+        }
+        .drag-source {
+            cursor: move;
+            float: right;
+            margin-top: 5px;
+            margin-right: 5px;
+        }
+        &.static {
+            margin-bottom: 20px;
+
+            .ql-editor {
+                padding: 0;
+            }
+
+            .ql-hidden {
+                display: none;
+            }
+        }
+
+        .image-container {
+            text-align: center;
+
+            img {
+                max-width: 100%;
+            }
+
+            p {
+                margin-bottom: 0;
+            }
+        }
+    }
+    .editor-field-drop-target {
+        height: 20px;
+        background-color: #eeeeee;
+
+        .indicator {
+            height: 10px;
+        }
+
+        &.can-drop {
+            .indicator {
+                border-bottom: 4px dashed lightgray;
+            }
+        }
+
+        &.is-over {
+            .indicator {
+                border-bottom: 4px dashed #31708f;
+            }
+        }
+    }
+
+    .editor-field-drop-add-field {
+        float: left;
+        margin-bottom: 20px;
+
+        button {
+            height: 30px;
+            width: 60px;
+            margin-right: 10px;
+        }
+    }
+    .dropzone {
+        min-height: 50px;
+        width: 100%;
+        border: 3px dashed lightgray;
+
+        .image-container {
+            margin: 15px;
+        }
+
+        p {
+            text-align: center;
+            padding-top: 12px;
+            color: grey;
+        }
+    }
+// }
diff --git a/app/assets/stylesheets/navigation.scss b/app/assets/stylesheets/navigation.scss
index fa53b3d6d..011923568 100644
--- a/app/assets/stylesheets/navigation.scss
+++ b/app/assets/stylesheets/navigation.scss
@@ -16,6 +16,13 @@
   }
 }
 
+.navig-smaller-font {
+  a.dropdown-toggle {
+     font-size: 70%;
+  }
+}
+
+
 @media only screen and (min-width: 1366px) and (min-height: 500px) {
   .card-navigation {
     /* position: fixed;
@@ -78,3 +85,7 @@
     border-top: 1px solid #ccc;
   }
 }
+
+.navbar-guest {
+  display: inline;
+}
diff --git a/app/assets/stylesheets/news.scss b/app/assets/stylesheets/news.scss
new file mode 100644
index 000000000..8e886aaa8
--- /dev/null
+++ b/app/assets/stylesheets/news.scss
@@ -0,0 +1,282 @@
+@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,700,700i,800,800i');
+@import url('https://fonts.googleapis.com/css?family=Spectral:400,700,700i');
+
+$timelinecolor: #5A5A5A; // #337ab7; // #0079bf;
+$boxbackgroundcolor: rgba(62,62,62, 0.1);
+
+.newseditor_review {
+  border: none;
+  font-family: 'Spectral', serif;
+  & .panel-heading {
+    background-color: white !important;
+    border: none;
+    font-weight: bolder;
+    & > span {
+      font-size: 2em;
+      font-weight: bolder;
+    }
+  }
+  & .panel-body {
+    background-color: white !important;
+    border: none;
+    max-height: 50vh;
+    overflow-Y: auto;
+    border-radius: 6px;
+    & > span {
+      font-size: 1.6em;
+      font-family: 'Spectral', serif;
+    }
+    & .ql-container .ql-editor > p > img {
+      max-width: 30vw;
+    }
+  }
+}
+
+.news_time_box {
+  margin:0 0 0 10%;
+  // height: 630px;
+  // overflow: hidden;
+  padding: 0px 0px 40px 120px;
+  & > ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    transition: all 0.5s linear;
+    top: unset;
+    &:last-of-type{
+      // top:80px
+      &:before {
+        top: unset;
+      }
+    }
+    &:before {
+      content: "";
+      display: block;
+      width: 0;
+      // height: 100%;
+      height: 80%;
+      border:1px dashed $timelinecolor;
+      position: absolute;
+      // top:0;
+      top: 100px;
+      left:30px
+    }
+    & > li {
+      margin: 20px 60px 60px;
+      position: relative;
+      padding: 10px 20px;
+      background-color: $boxbackgroundcolor;
+      // background:rgba(255, 255, 255, 0.3);
+      // color:#fff;
+      border-radius: 10px;
+      box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
+      line-height: 20px;
+      // width: 35%;
+      & > span {
+        content: "";
+        display: block;
+        width: 0;
+        height: 100%;
+        border: 1px solid $timelinecolor;
+        position: absolute;
+        top :0;
+        left: -30px;
+        &:before, &:after {
+          content: "";
+          display: block;
+          width: 30px;
+          height: 30px;
+          border-radius: 50%;
+          background: $timelinecolor;
+          border:2px solid #fff;
+          position: absolute;
+          left: -15px
+        }
+        &:before {
+          top: -10px;
+        }
+        &:after {
+          top: 95%;
+          background-color: #eee; // aliceblue;
+          border: 2px solid $timelinecolor;
+        }
+      }
+      & .title {
+        font-weight: bolder;
+        font-size: 2rem;
+        background-color: unset;
+        line-height: 1.6;
+      }
+      & .readedit {
+        font-weight: normal;
+        float: right;
+      }
+    }
+  }
+  & .content {
+    font-weight: normal;
+  }
+  & .author {
+    margin-top: 10px;
+    text-transform: capitalize;
+    font-style: italic;
+    // text-align: right;
+    margin-right: 20px
+  }
+  & .created_at span{
+    position: absolute;
+    left: -100px;
+    color: $timelinecolor; // #5A5A5A;
+    font-size:80%;
+    font-weight: bold;
+  }
+  & .created_at span:first-child{
+    top:-6px;
+    left: -220px;
+    font-size: large;
+    font-weight: normal;
+  }
+  & .created_at span:last-child{top:94%}
+
+}
+
+// @import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400';
+.news-preview-dialog {
+  display: block;
+  padding-left: 0px;
+  top: 45% !important;
+  width: 60vw !important;
+}
+
+%reset { margin: 0; padding: 0; }
+%flex { display: flex; justify-content: center;	align-items: center; }
+
+@mixin animated($timein: null, $delay: null) {
+ transition: all $timein ease-in-out;
+  transition-delay: $delay;
+}
+
+@mixin dimensions($width: null, $height: null) { width: $width; min-height: $height; }
+
+// $maincolor: #009688;
+$maincolor: #337ab7;
+//     html{height: 100%;}
+//     body{
+
+//       @extend %flex;
+//        font-family: 'Open Sans', sans-serif;
+//       width: 100%;
+//       min-height: 100%;
+//       background: #009688;
+//       font-size: 16px;
+//       overflow: hidden;
+//     }
+
+
+//     *, *:before, *:after {
+//       box-sizing: border-box;
+//     }
+.news-content{
+  position: relative;
+  // animation: animatop 0.9s  cubic-bezier(0.425, 1.140, 0.470, 1.125) forwards ;
+}
+
+.news-card{
+ @include dimensions( 580px,  100px);
+  padding: 20px;
+  border-radius: 3px;
+  background-color: white;
+  box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
+  position: relative;
+  overflow: hidden;
+  &:after {
+    content: '';
+    display: block;
+    width: 190px;
+    height: 300px;
+    // background: cadetblue;
+    background: #337ab7;
+    position: absolute;
+    animation: rotatemagic 0.75s cubic-bezier(0.425, 1.040, 0.470, 1.105) 1s both;
+  }
+}
+
+.badgescard{
+  padding: 10px 20px;
+  border-radius: 3px;
+  background-color: #ECECEC;
+  width: 560px;
+  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
+  position: relative;
+  z-index: -1;
+  left: 10px;
+  bottom: 10px;
+  margin-bottom: 50px;
+  justify-content: flex-end;
+  @extend %flex;
+  animation: animainfos 0.5s cubic-bezier(0.425, 1.040, 0.470, 1.105) 0.75s forwards;
+  span {
+  font-size: 1em;
+  margin: 0px 2px;
+  opacity: 0.6;
+  }
+}
+
+.firstinfo{
+  @extend %flex;
+  flex-direction: row;
+  z-index:2;
+  position: relative;
+  img{
+    // border-radius: 50%;
+    width: 120px;
+    height: 120px;
+  }
+  .profileinfo{
+    padding: 0px 20px;
+    width: 100vw;
+    // h1{ font-size: 1.8em;}
+    h1{ font-size: 1.6em; font-weight: bolder; }
+    h3{ font-size: 1.2em;
+        color: $maincolor;
+        font-style: italic;
+    }
+    p.bio{
+      padding: 10px 0px;
+      color: #5A5A5A;
+      line-height: 1.2;
+      font-style: initial;
+    }
+  }
+}
+
+@keyframes animatop{
+  0%{
+    opacity: 0;
+    bottom: -500px;}
+  100%{
+   opacity: 1;
+  bottom: 0px;}
+}
+
+@keyframes animainfos{
+  0%{
+    bottom:  30px;}
+  100%{
+  bottom: 0px;}
+}
+
+@keyframes rotatemagic{
+  0%{
+    opacity: 0;
+    transform: rotate(-0deg);
+    top: -24px;
+    left: -253px;
+  }
+  100%{
+    transform: rotate(-30deg);
+    top: -24px;
+    left: -78px;
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/newsroom.css b/app/assets/stylesheets/newsroom.css
new file mode 100644
index 000000000..0641ab1e8
--- /dev/null
+++ b/app/assets/stylesheets/newsroom.css
@@ -0,0 +1,607 @@
+@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,700,700i,800,800i');
+@import url('https://fonts.googleapis.com/css?family=Spectral:400,700,700i');
+
+.chemotion_news {
+  font-size: 5rem;
+  font-weight: bold;
+  text-align: center;
+  font-family: 'EB Garamond', serif;
+  /* font-style: italic; */
+  margin-bottom: 10px;
+  text-shadow: 4px 4px 4px #aaa;
+  border-top-color: black;
+  border-top-style: double;
+  border-bottom-color: black;
+  border-bottom-style: double;
+}
+
+.required_style {
+  display: inline;
+  font-weight: normal;
+  color: #d9534f;
+  padding-left: 8px;
+  font-size: 1.2em;
+}
+
+.newseditor, .required, .article_title, .article_content {
+  display: inline;
+  font-weight: normal;
+}
+
+.newseditor .required {
+  color: #d9534f;
+  padding-left: 8px;
+  font-size: 1.2em;
+}
+
+.newseditor .article_title {
+  font-size: 1.6em;
+  font-weight: bold;
+}
+
+.newseditor .article_content {
+  color: #777777;
+  padding-left: 8px;
+  font-size: 1.2em;
+}
+
+.newsreader_panel {
+  border: none;
+  font-family: 'Spectral', serif;
+}
+
+.newsreader_panel .panel-heading {
+  background-color: white !important;
+  border: none;
+  font-weight: bolder;
+  /* height: 26vh; */
+}
+
+.newsreader_panel .panel-heading > h2 {
+  font-size: 2.6em;
+  font-weight: bolder;
+}
+
+.newsreader_panel .panel-body {
+  background-color: white !important;
+  border: none;
+  /* height: calc(100vh - 390px); */
+  overflow-Y: auto;
+  border-radius: 6px;
+}
+
+.news_quillviewer {
+  display: flex;
+  flex-direction: column;
+}
+.news_quillviewer > span {
+  font-size: 1.6em;
+  font-family: 'Spectral', serif;
+}
+.news_quillviewer > div {
+  margin-left: auto;
+  margin-right: auto;
+}
+.news_quillviewer > div > img {
+  display: block;
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.newsreader_panel .panel-body .ql-container .ql-editor > p > img {
+  max-width: 30vw;
+}
+
+.newsroom {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  max-width: 1000px;
+  margin: auto;
+}
+
+.news_latest_block {
+	/* position: relative; */
+	margin-bottom: 50px;
+	background-color: #FFF;
+	-webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+	-moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+  box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+  padding: 40px;
+  /* flex-grow: 2; */
+  display: -webkit-flex; /* Safari */
+  display: flex;
+  justify-content: flex-start;
+  -webkit-flex-direction: row; /* Safari 6.1+ */
+  flex-direction: row;
+}
+
+.news_latest {
+	position: relative;
+	height: 400px;
+	/* width: 900px; */
+	margin-bottom: 50px;
+	background-color: #FFF;
+	-webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+	-moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+  box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.75);
+  padding: 50px;
+  /* flex-grow: 2; */
+  display: -webkit-flex; /* Safari */
+  display: flex;
+  justify-content: flex-start;
+  -webkit-flex-direction: row; /* Safari 6.1+ */
+  flex-direction: row;
+}
+
+.news_latest .badge {
+  position: absolute;
+  right: 50px;
+  bottom: 360px;
+  box-sizing: border-box;
+  padding-top: 12px;
+  background-color: #f1c40f;
+  width: 80px;
+  height: 80px;
+  color: #4B4B4B;
+  text-align: center;
+  border-radius: 50%;
+  -webkit-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+}
+
+.news_latest .badge_green {
+  position: absolute;
+  right: 50px;
+  bottom: 360px;
+  box-sizing: border-box;
+  padding-top: 12px;
+  background-color: #2ecc71;
+  width: 80px;
+  height: 80px;
+  color: #4B4B4B;
+  text-align: center;
+  border-radius: 50%;
+  -webkit-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+  box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.75);
+}
+
+.news_latest .news_image {
+  width: 60%;
+  max-width: 100%;
+  /* background-image: url('../images/chemeln.jpg'); */
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.news_latest .news_image > svg {
+  width: 90px !important;
+  height: 90px !important;
+}
+
+.news_latest > img {
+	vertical-align: bottom;
+}
+
+.news_latest .news_title {
+  font-size: 3rem;
+  font-weight: bolder;
+  color: #0079bf;
+  word-break: break-word;
+}
+
+.news_author {
+  font-size: 1.4rem;
+  margin-top: 5px;
+  font-weight: normal;
+}
+
+.news_author > img {
+	/* padding-top: 2px; */
+	margin-left: 10px;
+	float: left;
+	height: 20px;
+	width: 20px;
+  border-radius: 50%;
+}
+
+.heading_separator {
+	margin-top: 10px;
+  border: 1px solid #C3C3C3;
+}
+
+.news_card {
+  border: none !important;
+  margin-right: 10px;
+  margin-bottom: 80px !important;
+  box-shadow: unset !important;
+}
+
+.news_header {
+  width: auto;
+  /* height: 150px; */
+  background-color: white !important;
+  /* text-align: center; */
+  padding: 10px !important;
+  margin-left: 30px;
+  margin-right: 30px;
+}
+
+.news_header > img {
+  height: 100px;
+  width: auto;
+}
+
+.news_body {
+  /* min-height: 150px; */
+  padding-right: 30px !important;
+  padding-left: 30px !important;
+}
+
+.news_title {
+  font-size: 2.2rem;
+  font-weight: bolder;
+  color: #0079bf;
+  /* color: #4B4B4B; */
+  word-break: break-word;
+}
+
+.news_content {
+	text-align: justify;
+	font-size: 1.5rem;
+	line-height: 150%;
+  color: #4B4B4B;
+  max-height: 146px;
+  text-overflow: clip;
+  overflow: hidden;
+  white-space: pre-line;
+}
+
+.news_content_card_s {
+	text-align: justify;
+  font-size: 1.5rem;
+  line-height: 150%;
+  color: #4B4B4B;
+  /* height: 100px; */
+  max-height: 146px;
+  text-overflow: clip;
+  overflow: hidden;
+  white-space: pre-line;
+}
+
+.news_card_content {
+  position: relative;
+}
+
+.news_card_content .news_card_s {
+  width: 70vw;
+  min-height: 200px;
+  padding: 20px;
+  border-radius: 3px;
+  background-color: white;
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
+  position: relative;
+  overflow: hidden;
+}
+
+.news_card_content .news_card_s::before
+ {
+  content: '';
+  display: block;
+  width: 190px;
+  height: 300px;
+  background: #e0e0e0;
+  position: absolute;
+  transform: rotate(-30deg);
+  top: -24px;
+  left: -78px;
+}
+
+.card_info {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  z-index: 2;
+  position: relative;
+}
+
+.card_info .info {
+  padding: 0px 20px;
+  width: 100vw;
+}
+
+.card_info .info > h1 {
+  font-size: 1.6em;
+  font-weight: bolder;
+  word-break: break-word;
+  margin-top: unset;
+  margin-bottom: unset;
+}
+
+.card_info .info > span {
+  font-size: 0.9em;
+  margin: 0px 1px;
+  opacity: 0.8;
+}
+
+.card_info .info .short_content {
+  max-height: 100px;
+}
+
+.card_info .info .short_content::before {
+  background: linear-gradient(hsla(0,0%,100%,0.6),#fff);
+  content: "";
+  height: 80px;
+  position: absolute;
+  left: 0px;
+  top: 240px;
+  width: 100%;
+}
+
+.news_card_content .news_card_s .read {
+  position: absolute;
+  /* bottom: 10px; */
+  /* right: 10px; */
+  z-index: 2;
+  padding: 0px 20px;
+}
+
+.news_card_badge_s {
+  padding: 10px 10px;
+  border-radius: 3px;
+  background-color: #ECECEC;
+  /* width: 240px; */
+  width: calc(70vw - 20px);
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
+  position: relative;
+  z-index: -1;
+  left: 10px;
+  bottom: 0px;
+  margin-bottom: 50px;
+  justify-content: flex-end;
+  text-align: right;
+}
+
+.news_card_badge_s > span {
+  font-size: 0.9em;
+  margin: 0px 1px;
+  opacity: 0.6;
+  font-style: italic;
+}
+
+.news_card_badge_s > img {
+	/* padding-top: 3px;
+	float: left; */
+	height: auto;
+	width: 15px;
+}
+
+.news_column {
+  display: flex;
+  justify-content: center;
+}
+
+.news_badge {
+  position: relative;
+  width: 100px;
+  display: inline-block;
+  margin: 40px;
+}
+.news_badge .title {
+  font-weight: bold;
+  font-size: 0.8em;
+  position: absolute;
+  top: -28px;
+  border-radius: 8px 8px 0 0;
+  text-align: center;
+  width: 100%;
+  background: red;
+  padding: 10px 0;
+}
+.news_badge .subtitle {
+  position: absolute;
+  font-size: 0.8em;
+  width: 100%;
+  text-align: center;
+  color: white;
+  position: absolute;
+  top: 100px;
+}
+.news_badge .subtitle:after {
+  content: "★ ★ ★";
+  display: block;
+  font-size: .4em;
+  position: relative;
+  margin: 15px 0 0;
+  transition: all .3s;
+}
+.news_badge:hover .subtitle:after {
+  word-spacing: 30px;
+}
+
+.howto_page {
+  margin: auto;
+  height: calc(90vh);
+  overflow: auto;
+}
+
+.red .title {
+  background: #DC514E;
+}
+.red .subtitle:after {
+  color: #DC514E;
+}
+
+.green .title {
+  background: #2ecc71;
+}
+.green .subtitle:after {
+  color: #2ecc71;
+}
+
+.gray .title {
+  background: #95a5a6;
+}
+.gray .subtitle:after {
+  color: #95a5a6;
+}
+
+.yellow .title {
+  background: #f1c40f;
+}
+.yellow .subtitle:after {
+  color: #f1c40f;
+}
+
+.blue .title {
+  background: #3498db;
+}
+.blue .subtitle:after {
+  color: #3498db;
+}
+
+.news_pager {
+  /* position: absolute; */
+  right: 60px;
+  bottom: 60px;
+  box-sizing: border-box;
+  padding-top: 15px;
+  background-color: #DC514E;
+  width: 60px;
+  height: 60px;
+  color: white;
+  text-align: center;
+  border-radius: 50%;
+  -webkit-box-shadow: 0px 0px 5px 5px rgba(241, 147, 147, 0.75);
+  -moz-box-shadow: 0px 0px 5px 5px rgba(241, 147, 147, 0.75);
+  box-shadow: 0px 0px 5px 5px rgba(241, 147, 147, 0.75);
+}
+
+/* common */
+.ribbon {
+  width: 150px;
+  height: 150px;
+  overflow: hidden;
+  position: absolute;
+  z-index: 10;
+}
+.ribbon::before,
+.ribbon::after {
+  position: absolute;
+  z-index: -1;
+  content: '';
+  display: block;
+  border: 5px solid #2980b9;
+}
+.ribbon span {
+  position: absolute;
+  display: block;
+  width: 225px;
+  padding: 15px 0;
+  background-color: #3498db;
+  box-shadow: 0 5px 10px rgba(0,0,0,.1);
+  color: #fff;
+  font: 700 18px/1 'Lato', sans-serif;
+  text-shadow: 0 1px 1px rgba(0,0,0,.2);
+  text-transform: uppercase;
+  text-align: center;
+}
+
+/* top left*/
+.ribbon-top-left {
+  top: -10px;
+  left: -10px;
+}
+.ribbon-top-left::before,
+.ribbon-top-left::after {
+  border-top-color: transparent;
+  border-left-color: transparent;
+}
+.ribbon-top-left::before {
+  top: 0;
+  right: 0;
+}
+.ribbon-top-left::after {
+  bottom: 0;
+  left: 0;
+}
+.ribbon-top-left span {
+  right: -25px;
+  top: 30px;
+  transform: rotate(-45deg);
+}
+
+/* top right*/
+.ribbon-top-right {
+  top: -10px;
+  right: -10px;
+}
+.ribbon-top-right::before,
+.ribbon-top-right::after {
+  border-top-color: transparent;
+  border-right-color: transparent;
+}
+.ribbon-top-right::before {
+  top: 0;
+  left: 0;
+}
+.ribbon-top-right::after {
+  bottom: 0;
+  right: 0;
+}
+.ribbon-top-right span {
+  left: -25px;
+  top: 30px;
+  transform: rotate(45deg);
+}
+
+/* bottom left*/
+.ribbon-bottom-left {
+  bottom: -10px;
+  left: -10px;
+}
+.ribbon-bottom-left::before,
+.ribbon-bottom-left::after {
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+}
+.ribbon-bottom-left::before {
+  bottom: 0;
+  right: 0;
+}
+.ribbon-bottom-left::after {
+  top: 0;
+  left: 0;
+}
+.ribbon-bottom-left span {
+  right: -25px;
+  bottom: 30px;
+  transform: rotate(225deg);
+}
+
+/* bottom right*/
+.ribbon-bottom-right {
+  bottom: -10px;
+  right: -10px;
+}
+.ribbon-bottom-right::before,
+.ribbon-bottom-right::after {
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+.ribbon-bottom-right::before {
+  bottom: 0;
+  left: 0;
+}
+.ribbon-bottom-right::after {
+  top: 0;
+  right: 0;
+}
+.ribbon-bottom-right span {
+  left: -25px;
+  bottom: 30px;
+  transform: rotate(-225deg);
+}
diff --git a/app/assets/stylesheets/quill_viewer.scss b/app/assets/stylesheets/quill_viewer.scss
index 3b0aa224a..1e059ca50 100644
--- a/app/assets/stylesheets/quill_viewer.scss
+++ b/app/assets/stylesheets/quill_viewer.scss
@@ -1,3 +1,10 @@
 .quill-viewer .ql-tooltip {
   height: 0px;
 }
+
+.ql-disabled {
+  .ql-hidden {
+    display: none;
+  }
+}
+
diff --git a/app/assets/stylesheets/reaction.scss b/app/assets/stylesheets/reaction.scss
index 08efc4408..155f0d64d 100644
--- a/app/assets/stylesheets/reaction.scss
+++ b/app/assets/stylesheets/reaction.scss
@@ -222,3 +222,7 @@ table.reaction-scheme-solvent {
   //from {top: 0px;}
   from { background-color: aliceblue;}
 }
+
+.publishReactionModal {
+  margin: unset !important;
+}
diff --git a/app/assets/stylesheets/repo_home.scss b/app/assets/stylesheets/repo_home.scss
new file mode 100644
index 000000000..28fa66c5b
--- /dev/null
+++ b/app/assets/stylesheets/repo_home.scss
@@ -0,0 +1,231 @@
+.repo-home {
+   display: block;
+   max-width: 1200px;
+   margin: auto;
+  // height: calc(100vh - 80px);
+  // overflow-y: scroll;
+}
+
+.card-well {
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 6px;
+   height: 50vh;//auto; //calc(80vh - 190px);
+  // overflow-x: auto;
+  padding: 20px;
+
+}
+
+.card-well-competition {
+  @extend .card-well;
+  padding: 30px 15px;
+
+  .carl-spt{
+    background-color: white;
+  }
+
+  .carl-spt-item {
+    height: 360px;
+    text-align: center;
+  }
+
+  .carl-spt-item .caption {
+    left: 15%;
+    right: 15%;
+    padding-top: 0px;
+    bottom: 0px;
+  }
+
+  .carl-spt-item-s {
+    height: 220px;
+    text-align: center;
+  }
+
+  .carl-spt-item-s .caption {
+    left: 15%;
+    right: 15%;
+    padding-bottom: 0px;
+    bottom: 0px;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  p {
+    bottom: -45px;
+    color: black;
+    position: relative;
+    text-align: justify;
+    text-shadow: none;
+  }
+
+  .carousel-control.left, .carousel-control.right {
+    background-image: none !important;
+  }
+
+  .italic-desc {
+    font-size: 1.4rem;
+    font-style: italic;
+  }
+}
+
+.thumbnail-spt img {
+  width: 25%;
+}
+
+.icon-chemotion {
+  margin: 30px;
+  width: 90%;
+}
+
+.repository-for {
+  margin: 30px;
+  line-height: 45px;
+}
+
+.visibility-impact {
+  left: 30px;
+  width: 300px !important;
+}
+
+.chem-finder {
+  left: 10%;
+  top: 10px;
+
+  img {
+    width: 90%;
+  }
+}
+
+.bot-navbar {
+  right: 0px;
+  left: 0px;
+  bottom: 0px;
+  z-index: 1030;
+  background-color: #efefef;
+}
+
+.card-partners {
+  background-color: #f5f5f5;
+  // height: calc(50vh - 134px);
+  .partner-heading {
+    background-color: #f5f5f5;
+    // border: 1px solid #e3e3e3;
+     border-radius: 6px;
+    // height: 80px;
+    margin: 20px 5px 0;
+    padding: 5px;
+    text-align: center;
+  }
+
+  .partner-row {
+    display: flex;
+    justify-content: center;
+     overflow-x: auto;
+    padding-top: 30px;
+  }
+
+  .partners-info {
+    height: 250px;
+    // height: auto;
+    // width: 250px;
+    position: relative;
+    display: table-cell;
+    // display: inline-flex;
+    margin: 5px;
+    border: 0px;
+    background-color: #f5f5f5;
+
+    img {
+      display: block;
+      margin: auto;
+      max-height: 90%;
+      max-width: 90%;
+      opacity: 1.0;
+      z-index: 1;
+      // position: absolute;
+      // top: 0%;
+    }
+
+    &:hover img {
+      opacity: 0.2;
+    }
+
+    &:hover {
+      border:2px solid #ddd;
+    }
+
+    &:hover .info {
+      opacity: 1.0;
+    }
+
+    .info {
+      top: 0%;
+      left: 0%;
+      opacity: 0.0;
+      position: absolute;
+      padding: 5px;
+      margin: 5px;
+      text-align: justify;
+    }
+  }
+}
+
+
+.repo-about {
+  display: block;
+  // height: calc(100vh - 80px);
+  // overflow-y: scroll;
+}
+
+.card-icons {
+  div {
+    height: 100px;
+    position:relative;
+  }
+
+  img {
+    max-height: 100%;
+    max-width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: auto;
+  }
+}
+
+.card-well-about {
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 6px;
+  //overflow: auto;
+  padding: 30px;
+  text-align: center;
+  // height: 80vh;
+}
+
+.panel-analyses-public {
+  margin: 2px !important;
+}
+
+.carl-sample svg {
+  max-width: 100%;
+  max-height: 500px;
+  height: 300px;
+  width: 100%;
+}
+
+.reaction-scheme-word {
+  font-size: smaller;
+  color: #337ab7;
+}
+
+.move-embargo-dialog {
+  display: block;
+  padding-left: 0px;
+  top: 45% !important;
+  width: 40vw !important;
+}
diff --git a/app/assets/stylesheets/search.scss b/app/assets/stylesheets/search.scss
index 7d4dbd240..7acc1af7b 100644
--- a/app/assets/stylesheets/search.scss
+++ b/app/assets/stylesheets/search.scss
@@ -19,6 +19,10 @@
     position: relative;
     z-index: 2;
   }
+
+  .button-caret {
+    border-radius: unset;
+  }
 }
 
 .list-group-item-wrap {
diff --git a/app/assets/stylesheets/switch.scss b/app/assets/stylesheets/switch.scss
index d3db4f3ec..d9ba6518d 100644
--- a/app/assets/stylesheets/switch.scss
+++ b/app/assets/stylesheets/switch.scss
@@ -85,6 +85,91 @@
   }
 }
 
+.switchb {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 44px;
+  height: 22px;
+  line-height: 20px;
+  vertical-align: middle;
+  border-radius: 20px 20px;
+  border: 1px solid #ccc;
+  background-color: #5cb85c;
+  cursor: pointer;
+  transition-timing-function: ease;
+
+  &-inner {
+    color:#fff;
+    top:4px;
+    font-size: 14px;
+    position: absolute;
+    left: 25px;
+  }
+
+  &:after{
+    position: absolute;
+    width: 18px;
+    height: 18px;
+    left: 3%;
+    top:4px;
+    border-radius: 50% 50%;
+    background-color: #ffffff;
+    content: " ";
+    cursor: pointer;
+    transform: scale(1);
+    transition-timing-function: ease;
+    animation-duration: 0.3;
+    animation-name: switchOff;
+  }
+
+  &:hover:after{
+    transform: scale(1.1);
+    animation-name: switchOn;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &-checked{
+    background-color: #5bc0de;
+    .switchb-inner {
+      left: 10px;
+    }
+    &:after{
+      left: 77%;
+    }
+  }
+
+  &-disabled{
+    cursor: no-drop;
+    background: #ccc;
+    border-color:#ccc;
+
+    &:after{
+      background: #9e9e9e;
+      animation-name: none;
+      cursor: no-drop;
+    }
+
+    &:hover:after{
+      transform: scale(1);
+      animation-name: none;
+    }
+  }
+
+  &-label {
+    display: inline-block;
+    line-height: 20px;
+    font-size: 14px;
+    padding-left: 10px;
+    vertical-align: middle;
+    white-space: normal;
+    pointer-events: none;
+    user-select: text;
+  }
+}
 @keyframes switchOn {
   0% {
     transform: scale(1);
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
index 779c5b692..a380a15cd 100644
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -2,6 +2,7 @@ class ApplicationController < ActionController::Base
   # Prevent CSRF attacks by raising an exception.
   # For APIs, you may want to use :null_session instead.
   protect_from_forgery with: :exception
+  # before_action :store_user_location!, if: :storable_location?
   before_action :authenticate_user!
   protect_from_forgery with: :null_session, if: Proc.new { |c| c.request.format == 'application/json' }
 
@@ -15,9 +16,16 @@ def configure_permitted_parameters
       affiliations_attributes: [
         :country,
         :organization,
-        :department,
-        :group
+        :department
       ]
     ])
   end
+
+  # def storable_location?
+    # request.get? && is_navigational_format? && !devise_controller? && !request.xhr?
+  # end
+
+  # def store_user_location!
+    # store_location_for(:user, )
+  # end
 end
diff --git a/app/controllers/pages_controller.rb b/app/controllers/pages_controller.rb
index 3e5b13454..f77b5a1ea 100644
--- a/app/controllers/pages_controller.rb
+++ b/app/controllers/pages_controller.rb
@@ -1,6 +1,6 @@
 class PagesController < ApplicationController
   skip_before_action :authenticate_user!, only: [
-    :home, :about, :chemscanner, :chemspectra, :chemspectra_editor
+    :home, :about, :directive, :root_page
   ]
   before_action :fetch_affiliations, only: [:affiliations, :update_affiliations]
   before_action :build_affiliation, only: [:affiliations, :update_affiliations]
@@ -11,17 +11,31 @@ def about; end
 
   def docx; end
 
-  def welcome; end
+  def mydb; end
 
   def editor; end
 
+  def root_page
+    render layout: 'root_layout'
+  end
+
+  def directive; end
+
+  def settings; end
+
+  def tokens
+    @origin = params[:origin]
+    aks = AuthenticationKey.where(user_id: current_user, role: "gate in")
+    @fqdns = aks.pluck :fqdn
+  end
+
   def update_user
     @user = current_user
     @user.counters['reactions'] = params[:reactions_count].to_i
     @user.reaction_name_prefix = params[:reaction_name_prefix]
     if @user.save
       flash['success'] = 'User settings is successfully saved!'
-      redirect_to root_path
+      redirect_to main_app.root_url
     else
       flash.now['danger'] = 'Not saved! Please check input fields.'
       render 'user'
@@ -98,13 +112,13 @@ def fetch_affiliations
   def affiliation_params
     params.require(:affiliation).permit(
       :id, :_destroy,
-      :country, :organization, :department, :group,
+      :country, :organization, :department,
       :from, :to, :from_month, :to_month
     )
   end
 
   def sliced_affiliation_params
-     affiliation_params.slice(:country, :organization, :department, :group)
+     affiliation_params.slice(:country, :organization, :department)
   end
 
   def affiliations_params
@@ -112,7 +126,7 @@ def affiliations_params
       :utf8, :_method, :authenticity_token, :commit,
       affiliations: [
         :id, :_destroy,
-        # :country, :organization, :department, :group,
+        # :country, :organization, :department,
         :from, :to, :from_month, :to_month
       ]
     )
diff --git a/app/controllers/users/registrations_controller.rb b/app/controllers/users/registrations_controller.rb
index 59c9d6716..e21df304e 100644
--- a/app/controllers/users/registrations_controller.rb
+++ b/app/controllers/users/registrations_controller.rb
@@ -9,7 +9,6 @@ class Users::RegistrationsController < Devise::RegistrationsController
 
   def new
     build_resource({})
-
     @affiliation = resource.affiliations.build
 
     set_minimum_password_length
diff --git a/app/jobs/chemotion_embargo_pubchem_job.rb b/app/jobs/chemotion_embargo_pubchem_job.rb
new file mode 100644
index 000000000..a73d92cb5
--- /dev/null
+++ b/app/jobs/chemotion_embargo_pubchem_job.rb
@@ -0,0 +1,111 @@
+class ChemotionEmbargoPubchemJob < ActiveJob::Base
+  attr_reader :embargo_collection, :publication, :element, :publications
+
+  def perform(embargo_col_id)
+    @embargo_collection = Collection.find(embargo_col_id)
+    @sync_emb_col = @embargo_collection.sync_collections_users&.first
+
+    pub_samples = Publication.where(ancestry: nil, element: @embargo_collection.samples).order(updated_at: :desc)
+    pub_reactions = Publication.where(ancestry: nil, element: @embargo_collection.reactions).order(updated_at: :desc)
+    @pub_list = pub_samples + pub_reactions
+    @pub_list.each do |embargo_pub|
+      @publication = Publication.find(embargo_pub.id)
+      @publications = [publication] + publication.descendants
+      @element = publication.element
+      publications.each do |pub|
+        pub.transition_from_start_to_metadata_uploading!
+      end
+      publications.each do |pub|
+        pub.transition_from_metadata_uploading_to_uploaded!
+      end
+      publications.each do |pub|
+        pub.transition_from_metadata_uploaded_to_doi_registering!
+      end
+      publications.each do |pub|
+        pub.transition_from_doi_registering_to_registered!
+      end
+      publications.reverse_each do |pub|
+        if pub.element_type == 'Sample'
+          pub.transition_from_doi_registered_to_pubchem_registering!
+        else
+          pub.transition_from_doi_registered_to_completing!
+        end
+      end
+      publications.each do |pub|
+        pub.transition_from_completing_to_completed!
+      end
+    end
+    send_pubchem
+    remove_publish_pending
+    send_email
+  end
+
+  def remove_publish_pending
+    @pub_list.each do |embargo_pub|
+      @publication = Publication.find(embargo_pub.id)
+      ot = @publication.original_element&.tag&.taggable_data&.delete('publish_pending')
+      @publication.original_element.tag.save! unless ot.nil?
+      if @publication.element_type == 'Reaction'
+        @publication.original_element&.samples.each do |s|
+          t = s.tag&.taggable_data&.delete('publish_pending')
+          s.tag.save! unless t.nil?
+        end
+      end
+    end
+  end
+
+  def send_pubchem
+    sdf = ""
+    pubchem_list = Publication.where(element: @embargo_collection.samples)
+    pubchem_list.each do |pub|
+      metadata_obj = OpenStruct.new(sample: pub.element)
+      metadata_file = ERB.new(File.read(
+        File.join(Rails.root,'app', 'publish', 'pubchem_metadata.sdf.erb')
+      ))
+      mt = metadata_file.result(metadata_obj.instance_eval { binding })
+      pub.element.update_publication_tag(pubchem_reg_at: DateTime.now)
+      pd = pub.taggable_data.merge(pubchem_reg_at: DateTime.now)
+      sdf += mt
+    end
+    message = "\n---Embargo MOLFILE START---"
+    #Publication.logger([message, sdf, "(Embargo Pubchem FTP upload #{Rails.env.production ? '' : 'NOT'} sent (mode: #{ENV['PUBLISH_MODE']})"])
+    publication_logger ||= Logger.new(File.join(Rails.root, 'log', 'publication.log'))
+    message = [message, sdf, "Embargo Pubchem FTP upload sdf"].flatten.join("\n")
+    publication_logger.info(
+      <<~INFO
+      ******** MODE #{ENV['PUBLISH_MODE']}********
+      Embargo Collection: #{@embargo_collection.id} - #{@embargo_collection.label} ( #{@embargo_collection.samples.map{ |s| s.id }} )
+      #{message}
+      ********************************************************************************
+      INFO
+    )
+
+    if Rails.env.production? && ENV['PUBLISH_MODE'] == 'production'
+      ftp = Net::FTP.new('ftp-private.ncbi.nlm.nih.gov')
+      ftp.passive = true
+      ftp.login(ENV['PUBCHEM_LOGIN'], ENV['PUBCHEM_PASSWORD'])
+      ftp.puttextcontent(sdf, @embargo_collection.id.to_s + '.sdf.in')
+      ftp.close
+    else
+      #file_path = Rails.public_path.join('pubchem_upload', "#{self.job_id}_#{@embargo_collection.id}.sdf.in")
+      #File.write(file_path, sdf)
+    end
+
+    pubchem_list.each do |pub|
+      pub.update_columns(state: 'completing')
+      pub.transition_from_completing_to_completed!
+    end
+  end
+
+  def send_email
+    if ENV['PUBLISH_MODE'] == 'production'
+      PublicationMailer.mail_publish_embargo_release(@embargo_collection.id).deliver_now
+    end
+    Message.create_msg_notification(
+      channel_subject: Channel::PUBLICATION_REVIEW,
+      message_from: @sync_emb_col.user_id,
+      data_args: {subject: "Congratulations! Embargo Collection #{@embargo_collection.label} released and published"}
+    )
+  end
+end
+
diff --git a/app/jobs/chemotion_repo_publishing_job.rb b/app/jobs/chemotion_repo_publishing_job.rb
new file mode 100644
index 000000000..dc2172dc4
--- /dev/null
+++ b/app/jobs/chemotion_repo_publishing_job.rb
@@ -0,0 +1,159 @@
+class ChemotionRepoPublishingJob < ActiveJob::Base
+  attr_reader :publication, :element, :publications
+  INVALID_STATE = "INVALID STATE"
+
+  def perform(id, action, current_user_id = 0)
+    @publication = Publication.find(id)
+    @publications = [publication] + publication.descendants
+    @publications.each { |d| d.update_columns(state: action) }
+
+    @element = publication.element
+    publication.logger("publication STARTS")
+
+    unless publication.state.present?
+      publication.logger(INVALID_STATE)
+      raise INVALID_STATE
+    end
+
+    send(publication.state)
+  end
+
+  private
+
+  def accepted
+    publications.each do |pub|
+      pub.transition_from_start_to_metadata_uploading!
+    end
+    transition_success?(
+      Publication::STATE_ACCEPTED,
+      Publication::STATE_DC_METADATA_UPLOADING
+    )
+    dc_metadata_uploading
+  end
+
+  def dc_metadata_uploading
+    publications.each do |pub|
+      pub.transition_from_metadata_uploading_to_uploaded!
+    end
+    transition_success?(
+      Publication::STATE_DC_METADATA_UPLOADING,
+      Publication::STATE_DC_METADATA_UPLOADED
+    )
+    dc_metadata_uploaded
+  end
+
+  def dc_metadata_uploaded
+    publications.each do |pub|
+      pub.transition_from_metadata_uploaded_to_doi_registering!
+    end
+    transition_success?(
+      Publication::STATE_DC_METADATA_UPLOADED,
+      Publication::STATE_DC_DOI_REGISTERING
+    )
+    dc_doi_registering
+  end
+
+  def dc_doi_registering
+    publications.each do |pub|
+      pub.transition_from_doi_registering_to_registered!
+    end
+    transition_success?(
+      Publication::STATE_DC_DOI_REGISTERING,
+      Publication::STATE_DC_DOI_REGISTERED
+    )
+    dc_doi_registered
+  end
+
+  def dc_doi_registered
+    publications.reverse_each do |pub|
+      if pub.element_type == 'Sample'
+        pub.transition_from_doi_registered_to_pubchem_registering!
+      else
+        pub.transition_from_doi_registered_to_completing!
+      end
+    end
+    transition_success?(
+      Publication::STATE_DC_DOI_REGISTERED,
+      [Publication::STATE_PUBCHEM_REGISTERING, Publication::STATE_COMPLETING]
+    )
+    pubchem_registering
+  end
+
+  def pubchem_registering
+    publications.each do |pub|
+      if pub.element_type == 'Sample'
+        pub.transition_from_doi_pubchem_registering_to_registered!
+      else
+        pub.transition_from_doi_registered_to_completing!
+      end
+    end
+    transition_success?(
+      Publication::STATE_PUBCHEM_REGISTERING,
+      [Publication::STATE_PUBCHEM_REGISTERED, Publication::STATE_COMPLETING]
+    )
+    pubchem_registered
+  end
+
+  def pubchem_registered
+    publications.each do |pub|
+      if pub.element_type == 'Sample'
+        pub.transition_from_pubchem_registered_to_completing!
+      else
+        pub.transition_from_doi_registered_to_completing!
+      end
+    end
+    transition_success?(
+      Publication::STATE_PUBCHEM_REGISTERED,
+      Publication::STATE_COMPLETING
+    )
+    completing
+  end
+
+  def completing
+    publications.each do |pub|
+      pub.transition_from_completing_to_completed!
+    end
+    transition_success?(
+      Publication::STATE_COMPLETING,
+      Publication::STATE_COMPLETED
+    )
+    completed
+  end
+
+  def completed
+    remove_publish_pending
+    if ENV['PUBLISH_MODE'] == 'production'
+      PublicationMailer.mail_publish_approval(@publication.id).deliver_now
+    end
+    Message.create_msg_notification(
+      channel_subject: Channel::PUBLICATION_REVIEW,
+      message_from: @publication.published_by || @publication.taggable_data['creators']&.first&.dig('id'),
+      data_args: {subject: "Congratulations! Chemotion Repository: #{@publication.doi.suffix} published"}
+    )
+  end
+
+  def published
+  end
+
+  def remove_publish_pending
+    ot = @publication.original_element&.tag&.taggable_data&.delete('publish_pending')
+    @publication.original_element.tag.save! unless ot.nil?
+    if @publication.element_type == 'Reaction'
+      @publication.original_element&.samples.each do |s|
+        t = s.tag&.taggable_data&.delete('publish_pending')
+        s.tag.save! unless t.nil?
+      end
+    end
+  end
+
+  def transition_success?(from_state, to_state)
+    failed = publications.select{|pub| !([to_state].flatten.include?(pub.state))}
+      .map{|pub| [pub.id, pub.state]}
+    if failed.present?
+      message = "TRANSITION FROM #{from_state} to #{to_state}, FAILED\n failed for publications: #{failed}"
+      publication.logger(message)
+      raise message
+    end
+    true
+  end
+end
diff --git a/app/jobs/chemotion_repo_reviewing_job.rb b/app/jobs/chemotion_repo_reviewing_job.rb
new file mode 100644
index 000000000..ad8a0085b
--- /dev/null
+++ b/app/jobs/chemotion_repo_reviewing_job.rb
@@ -0,0 +1,114 @@
+class ChemotionRepoReviewingJob < ActiveJob::Base
+  attr_reader :publication, :publications
+  INVALID_STATE = "INVALID STATE"
+
+  def perform(id, action, current_user_id = 0)
+    @publication = Publication.find(id)
+    @publications = [publication] + publication.descendants
+    @publications.each { |d| d.update_columns(state: action) }
+    @current_user_id = current_user_id
+    # @element = publication.element
+    publication.logger("publication STARTS")
+
+    unless publication.state.present?
+      publication.logger(INVALID_STATE)
+      raise INVALID_STATE
+    end
+
+    #  process_element
+    notify_users
+    mail_users
+  end
+
+  private
+
+  # NB: Moved to model
+  # def process_element
+  #   case publication.state
+  #   when Publication::STATE_PENDING
+  #     publication.move_to_pending_collection
+  #   when Publication::STATE_REVIEWED
+  #     publication.move_to_review_collection
+  #   when Publication::STATE_ACCEPTED
+  #     publication.move_to_accepted_collection
+  #   when Publication::STATE_DECLINED
+  #     publication.declined_reverse_original_element
+  #     publication.declined_move_collections
+  #   end
+  # end
+
+  def notify_users
+    args = {
+      channel_subject: Channel::PUBLICATION_REVIEW,
+      message_from: publication.published_by || publication.taggable_data['creators']&.first&.dig('id')
+    }
+
+    case publication.state
+    when Publication::STATE_PENDING
+      args[:message_to] = User.reviewer_ids
+      args[:data_args] = {
+        subject: "Chemotion Repository: Review Request for #{publication.doi.suffix}"
+      }
+    when Publication::STATE_REVIEWED
+      args[:data_args] = {
+        subject: "Chemotion Repository: Modification request for #{publication.doi.suffix} \n Please check the reviewer's comments and request for modification. \n Once done with the revision, you can then resubmit your publication."
+      }
+    when Publication::STATE_ACCEPTED
+      args[:data_args] = {
+        subject: "Chemotion Repository: Publication Accepted. for #{publication.doi.suffix}  \n Once the embargo is released, this submission will be published."
+      }
+    when Publication::STATE_DECLINED
+      title = publication.published_by == @current_user_id ? 'withdrawn' : 'rejected'
+      args[:data_args] = {
+        subject: "Chemotion Repository: Publication #{title}. for #{publication.doi.suffix}."
+      }
+    # when Publication::STATE_RETRACTED
+    else
+      return
+    end
+    Message.create_msg_notification(args)
+  end
+
+  def mail_users
+    return unless ENV['PUBLISH_MODE'] == 'production'
+
+    case publication.state
+    when Publication::STATE_PENDING
+      PublicationMailer.mail_reviewing_request(publication.id).deliver_now
+    when Publication::STATE_REVIEWED
+      PublicationMailer.mail_reviewed_request(publication.id).deliver_now
+    when Publication::STATE_ACCEPTED
+      PublicationMailer.mail_accepted_request(publication.id).deliver_now
+    when Publication::STATE_DECLINED
+      PublicationMailer.mail_declined_request(publication.id, @current_user_id).deliver_now unless @current_user_id.zero?
+    else
+      return
+    end
+  end
+
+  # NB: NOT USED?
+  # NB: Moved to model
+  # def release_original_element
+  #   ot = publication.original_element&.tag&.taggable_data&.delete("publish_#{publication.element_type.downcase}")
+  #   publication.original_element.tag.save! unless ot.nil?
+  #
+  #   case publication.element_type
+  #   when 'Sample'
+  #     clear_orig_analyses(publication.original_element)
+  #   when 'Reaction'
+  #     clear_orig_analyses(publication.original_element)
+  #     publication.original_element&.samples&.each do |s|
+  #       t = s.tag&.taggable_data&.delete('publish_sample')
+  #       s.tag.save! unless t.nil?
+  #       clear_orig_analyses(s)
+  #     end
+  #   end
+  # end
+
+  # def clear_orig_analyses(element)
+  #   element&.analyses&.each do |a|
+  #     t = a.tag&.taggable_data&.delete('publish_analysis')
+  #     a.tag.save! unless t.nil?
+  #   end
+  # end
+end
diff --git a/app/jobs/pubchem_sid_job.rb b/app/jobs/pubchem_sid_job.rb
new file mode 100644
index 000000000..8ffb7b31a
--- /dev/null
+++ b/app/jobs/pubchem_sid_job.rb
@@ -0,0 +1,16 @@
+# Job to update publication SID by using DOI
+class PubchemSidJob < ActiveJob::Base
+    queue_as :pubchem_sid
+
+    # NB: PC has request restriction policy and timeout , hence the sleep_time params
+    # see http://pubchemdocs.ncbi.nlm.nih.gov/programmatic-access$_RequestVolumeLimitations
+    def perform(sleep_time: 10)
+      Publication.where(element_type: 'Sample')
+      .where("taggable_data->>'sid' isnull and taggable_data->>'doi' IS NOT NULL and state = 'completed'")
+      .order("id asc").each do |pub|
+        sid_info = Chemotion::PubchemService.sid_from_doi(pub.taggable_data["doi"])
+        pub.update!(taggable_data: pub.taggable_data.merge(sid: sid_info)) unless sid_info.nil?
+        sleep sleep_time
+      end
+    end
+  end
diff --git a/app/mailers/publication_mailer.rb b/app/mailers/publication_mailer.rb
new file mode 100644
index 000000000..6b9c009cd
--- /dev/null
+++ b/app/mailers/publication_mailer.rb
@@ -0,0 +1,246 @@
+class PublicationMailer < ActionMailer::Base
+  default from: ENV['DEVISE_SENDER'] || 'eln'
+
+  def external_review_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+
+    A temporary account for #{@embargo_collection} has been created!
+    Account: #{@external_acct}
+    Password: #{@external_pwd}
+
+    You can use this account/password to access:
+      #{@proto + @host}/home/embargo
+    TXT
+  end
+
+  def reviewing_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Creator: #{@creator&.name}
+    #{@publication.element_type} ##{@publication.element_id} is pending for publication.
+    Please help reviewing it at:
+      #{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}
+    TXT
+  end
+
+  def reviewed_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Dear #{@creator&.name}
+
+    #{@publication.element_type} ##{@publication.element_id} has been reviewed.
+
+    Please check the reviewer's comments and request for modification:
+      #{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}
+
+    You can also see the comments and edit your publication directly from your [Reviewing] collection at:
+      #{@proto + @host}/mydb/scollection/#{@creator_reviewing_scol_id}/#{@publication.element_type.underscore}/#{@publication.element_id}
+
+    Once done with the revision, you can then resubmit your publication.
+    TXT
+  end
+
+  def accepted_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Dear #{@creator&.name}
+
+    #{@publication.element_type} ##{@publication.element_id} has been accepted.
+
+    Once the embargo is released, this publication will be published.
+    TXT
+  end
+
+  def approved_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Congratulations!
+    Your #{@publication.element_type} ##{@publication.element_id} has been published.
+
+    See it at:
+      #{@proto + @host}/inchikey/#{@doi.suffix}
+    TXT
+  end
+
+
+  def embargo_released_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Congratulations!
+    Your embargo #{@embargo_collection} has been released.
+
+    See it at:
+      #{@proto + @host}/mydb/scollection/#{@sync_emb_col.id}
+    TXT
+  end
+
+  def declined_content
+    <<~TXT
+    #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+    Congratulations!
+    Your #{@publication.element_type} ##{@publication.element_id} has been declined.
+
+    See it at:
+      #{@proto + @host}/mydb/collection/all/#{@publication.element_type.underscore}/#{@publication.element_id.to_s}
+    TXT
+  end
+
+  def subject(prefix)
+    "Chemotion Repository: #{prefix} for #{@doi.suffix}"
+  end
+
+  def reviewers
+    # Person.where(id: User.reviewer_ids).pluck :email
+    []
+  end
+
+  def init_params(publication_id,current_user_id=0)
+    @publication = Publication.find(publication_id)
+    @doi = @publication.doi
+    # @publications = [@publication] + @publication.descendants
+    # @element = @publication.element
+    @is_submitter = @publication.published_by == current_user_id  || false
+    @creator_id = @publication.published_by || @publication.taggable_data['creators']&.first&.dig('id')
+    @creator = User.find(@creator_id) unless @creator_id.nil?
+    @creator_reviewing_scol_id = @creator.reviewing_collection&.sync_collections_users&.first&.id if @publication.state === 'reviewed'
+
+    case ENV['PUBLISH_MODE']
+    when 'production'
+      if Rails.env.production?
+        @proto = "https://"
+        @host = "www.chemotion-repository.net"
+      end
+    when 'staging'
+      @proto = "http://"
+      @host = ENV['HOST'] || "localhost:3000"
+    end
+  end
+
+  def init_external_params(current_user, collection_label, email, pwd)
+    @creator = current_user
+    @embargo_collection = collection_label
+    @external_acct = email
+    @external_pwd = pwd
+
+    case ENV['PUBLISH_MODE']
+    when 'production'
+      if Rails.env.production?
+        @proto = "https://"
+        @host = "www.chemotion-repository.net"
+      end
+    when 'staging'
+      @proto = "http://"
+      @host = ENV['HOST'] || "localhost:3000"
+    end
+  end
+
+  def mail_reviewed_request(publication_id)
+    init_params(publication_id)
+    #reviewed_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: subject('Publication Reviewed'),
+    ) do |format|
+      format.html
+      format.text { render plain: reviewed_content }
+    end
+  end
+
+  def mail_reviewing_request(publication_id)
+    init_params(publication_id)
+    #reviewing_notify
+    return unless reviewers.present?
+
+    mail(
+      to: reviewers,
+      subject: subject('Pending for publication. Review Request')
+    ) do |format|
+      format.html
+      format.text { render plain: reviewing_content }
+    end
+  end
+
+  def mail_accepted_request(publication_id)
+    init_params(publication_id)
+    #accepted_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: subject('Publication Accepted')
+    ) do |format|
+      format.html
+      format.text { render plain: accepted_content }
+    end
+  end
+
+  def mail_publish_approval(publication_id)
+    init_params(publication_id)
+    #approved_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: subject('Publication Approved'),
+    ) do |format|
+      format.html
+      format.text { render plain: approved_content }
+    end
+  end
+
+  def mail_publish_embargo_release(embargo_col_id)
+    @embargo_collection = Collection.find(embargo_col_id)
+    @sync_emb_col = @embargo_collection.sync_collections_users&.first
+    @creator = User.find(@sync_emb_col.user_id)
+
+    case ENV['PUBLISH_MODE']
+    when 'production'
+      if Rails.env.production?
+        @proto = "https://"
+        @host = "www.chemotion-repository.net"
+      end
+    when 'staging'
+      @proto = "http://"
+      @host = ENV['HOST'] || "localhost:3000"
+    end
+
+    #approved_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: "Chemotion Repository: Embargo collection: #{@embargo_collection.label} released",
+    ) do |format|
+      format.html
+      format.text { render plain: embargo_released_content }
+    end
+  end
+
+  def mail_declined_request(publication_id, current_user_id)
+    init_params(publication_id,current_user_id)
+    @action_title = @is_submitter ? 'withdrawn' : 'rejected'
+
+    #rejected_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: subject('Publication '+@action_title),
+    ) do |format|
+      format.html
+      format.text { render plain: approved_content }
+    end
+  end
+
+  def mail_external_review(current_user, collection_label, email, pwd)
+    init_external_params(current_user, collection_label, email, pwd)
+    #anonymous_notify
+    mail(
+      to: @creator.email,
+      bcc: reviewers,
+      subject: "Chemotion Repository: A temporary account for ["+ @embargo_collection +"] has been created",
+    ) do |format|
+      format.html
+      format.text { render plain: external_review_content }
+    end
+  end
+
+end
diff --git a/app/models/affiliation.rb b/app/models/affiliation.rb
index 9f0cd63da..1778ba21a 100644
--- a/app/models/affiliation.rb
+++ b/app/models/affiliation.rb
@@ -28,13 +28,18 @@ class Affiliation < ActiveRecord::Base
   has_many :users, through: :user_affiliations
 
   def output_array_full
-    [group, department, organization, country]
+    [department, organization, country]
   end
 
   def output_full
     output_array_full.map{|e| !e.blank? && e || nil}.compact.join(', ')
   end
 
+  # def output_dep_org_country
+  #   output_array_full[1..-1].map{|e| !e.blank? && e || nil}.compact.join(', ')
+  # end
+
+
   private
 
   def from_to
diff --git a/app/models/anonymous.rb b/app/models/anonymous.rb
new file mode 100644
index 000000000..e1aa78add
--- /dev/null
+++ b/app/models/anonymous.rb
@@ -0,0 +1,50 @@
+# == Schema Information
+#
+# Table name: users
+#
+#  id                     :integer          not null, primary key
+#  email                  :string           default(""), not null
+#  encrypted_password     :string           default(""), not null
+#  reset_password_token   :string
+#  reset_password_sent_at :datetime
+#  remember_created_at    :datetime
+#  sign_in_count          :integer          default(0), not null
+#  current_sign_in_at     :datetime
+#  last_sign_in_at        :datetime
+#  current_sign_in_ip     :inet
+#  last_sign_in_ip        :inet
+#  created_at             :datetime         not null
+#  updated_at             :datetime         not null
+#  name                   :string
+#  first_name             :string           not null
+#  last_name              :string           not null
+#  deleted_at             :datetime
+#  counters               :hstore           not null
+#  name_abbreviation      :string(5)
+#  type                   :string           default("Person")
+#  reaction_name_prefix   :string(3)        default("R")
+#  layout                 :hstore           not null
+#  confirmation_token     :string
+#  confirmed_at           :datetime
+#  confirmation_sent_at   :datetime
+#  unconfirmed_email      :string
+#  selected_device_id     :integer
+#  failed_attempts        :integer          default(0), not null
+#  unlock_token           :string
+#  locked_at              :datetime
+#  account_active         :boolean
+#
+# Indexes
+#
+#  index_users_on_confirmation_token    (confirmation_token) UNIQUE
+#  index_users_on_deleted_at            (deleted_at)
+#  index_users_on_email                 (email) UNIQUE
+#  index_users_on_reset_password_token  (reset_password_token) UNIQUE
+#  index_users_on_unlock_token          (unlock_token) UNIQUE
+#
+
+class Anonymous < User
+  def send_on_create_confirmation_instructions
+
+  end
+end
diff --git a/app/models/attachment.rb b/app/models/attachment.rb
index daaaad6f1..5bfbbc370 100644
--- a/app/models/attachment.rb
+++ b/app/models/attachment.rb
@@ -208,6 +208,12 @@ def store_file_and_thumbnail_for_dup
     else
       self.thumb_data = store.read_thumb
     end
+    #TODO check for path collision:
+    # depending on storage, key needs to be changed
+    if self.storage == 'tmp'
+      self.key = nil
+      generate_key
+    end
     stored = store.store_file
     self.thumb = store.store_thumb if stored
     self.save if stored
diff --git a/app/models/channel.rb b/app/models/channel.rb
index 24d0d1563..40390f7e9 100644
--- a/app/models/channel.rb
+++ b/app/models/channel.rb
@@ -31,6 +31,9 @@ class Channel < ActiveRecord::Base
   EDITOR_CALLBACK = 'EditorCallback'
   COLLECTION_ZIP = 'Collection Import and Export'
   COLLECTION_ZIP_FAIL = 'Collection Import and Export Failure'
+  # REPOSITORY ONLY
+  PUBLICATION_REVIEW = 'Publication Review'
+  PUBLICATION_PUBLISHED = 'Publication Published'
 
   class << self
     def build_message(**args)
diff --git a/app/models/collaborator.rb b/app/models/collaborator.rb
new file mode 100644
index 000000000..84888db07
--- /dev/null
+++ b/app/models/collaborator.rb
@@ -0,0 +1,52 @@
+# == Schema Information
+#
+# Table name: users
+#
+#  id                     :integer          not null, primary key
+#  email                  :string           default(""), not null
+#  encrypted_password     :string           default(""), not null
+#  reset_password_token   :string
+#  reset_password_sent_at :datetime
+#  remember_created_at    :datetime
+#  sign_in_count          :integer          default(0), not null
+#  current_sign_in_at     :datetime
+#  last_sign_in_at        :datetime
+#  current_sign_in_ip     :inet
+#  last_sign_in_ip        :inet
+#  created_at             :datetime         not null
+#  updated_at             :datetime         not null
+#  name                   :string
+#  first_name             :string           not null
+#  last_name              :string           not null
+#  deleted_at             :datetime
+#  counters               :hstore           not null
+#  name_abbreviation      :string(5)
+#  type                   :string           default("Person")
+#  reaction_name_prefix   :string(3)        default("R")
+#  layout                 :hstore           not null
+#  confirmation_token     :string
+#  confirmed_at           :datetime
+#  confirmation_sent_at   :datetime
+#  unconfirmed_email      :string
+#  selected_device_id     :integer
+#  failed_attempts        :integer          default(0), not null
+#  unlock_token           :string
+#  locked_at              :datetime
+#  account_active         :boolean
+#
+# Indexes
+#
+#  index_users_on_confirmation_token    (confirmation_token) UNIQUE
+#  index_users_on_deleted_at            (deleted_at)
+#  index_users_on_email                 (email) UNIQUE
+#  index_users_on_reset_password_token  (reset_password_token) UNIQUE
+#  index_users_on_unlock_token          (unlock_token) UNIQUE
+#
+
+class Collaborator < User
+    def send_on_create_confirmation_instructions
+
+    end
+  end
+
+
diff --git a/app/models/collection.rb b/app/models/collection.rb
index 8ac37dc8b..0e617ea3a 100644
--- a/app/models/collection.rb
+++ b/app/models/collection.rb
@@ -69,6 +69,47 @@ class Collection < ActiveRecord::Base
 
   default_scope { ordered }
 
+  def self.public_collection_id
+    ENV['PUBLIC_COLL_ID']&.to_i
+  end
+
+  def self.public_collection
+    find_by(id: ENV['PUBLIC_COLL_ID']) || find_by(
+      user_id: User.chemotion_user.id,
+      label: ENV['PUBLIC_COLL']
+    )
+  end
+
+  def self.scheme_only_reactions_collection
+    find_by(id: ENV['SCHEME_ONLY_REACTIONS_COLL_ID']) || find_by(
+      user_id: User.chemotion_user.id,
+      label: ENV['SCHEME_ONLY_REACTIONS_COLL']
+    ) || find_by(
+      user_id: User.chemotion_user.id,
+      label: 'Scheme-only reactions'
+    )
+  end
+
+  def self.scheme_only_reactions_collection_id
+    ENV['SCHEME_ONLY_REACTIONS_COLL_ID']&.to_i
+  end
+
+  def self.element_to_review_collection
+    where(
+      user_id: User.chemotion_user.id,
+      label: 'Element To Review',
+      is_synchronized: true
+    )
+  end
+
+  def self.reviewed_collection
+    where(
+      user_id: User.chemotion_user.id,
+      label: 'Reviewed',
+      is_synchronized: true
+    )
+  end
+
   def self.get_all_collection_for_user(user_id)
     find_by(user_id: user_id, label: 'All', is_locked: true)
   end
diff --git a/app/models/concerns/publishing.rb b/app/models/concerns/publishing.rb
new file mode 100644
index 000000000..71f11bc50
--- /dev/null
+++ b/app/models/concerns/publishing.rb
@@ -0,0 +1,228 @@
+module Publishing
+  class Net::FTP
+    def puttextcontent(content, remotefile, &block)
+      f = StringIO.new(content)
+      begin
+        storlines('STOR ' + remotefile, f, &block)
+      ensure
+        f.close
+      end
+    end
+  end
+
+  extend ActiveSupport::Concern
+
+  included do
+
+    has_one :publication, as: :element
+    has_one :publication_as_source, as: :original_element
+
+    def publication_tag
+      self.tag.taggable_data['publication']
+    end
+
+    def reserve_suffix
+      return Doi.create_for_element!(self) unless (d = self.doi)
+
+      if self.is_a?(Sample) && d.inchikey != self.molecule.inchikey
+        d.update!(doiable: nil)
+        return Doi.create_for_element!(self)
+      elsif self.is_a?(Reaction) && (d.inchikey.tr('reaction/','') != self.products_short_rinchikey_trimmed)
+        d.update!(doiable: nil)
+        return Doi.create_for_element!(self)
+      end
+      d
+    end
+
+    def reserve_suffix_analyses(as = Container.none)
+      ids = as.map(&:id)
+      if self.is_a?(Sample)
+        ik = self.molecule.inchikey
+        analysis_set = self.analyses.where(id: ids)
+      elsif self.is_a?(Reaction)
+        ik = self.products_short_rinchikey_trimmed
+        analysis_set = self.analyses.where(id: ids) |
+        Container.where(id: (self.samples.map(&:analyses).flatten.map(&:id) & ids))
+      end
+
+      analysis_set.each do |analysis|
+        if (doi = analysis.doi)
+          type = analysis.extended_metadata['kind'].delete(' ')
+          if (doi&.inchikey != ik) || (type != doi&.analysis_type)
+            doi.update!(doiable: nil)
+            doi d = analysis.doi= Doi.create_for_analysis!(analysis)
+          end
+        else
+          doi = Doi.create_for_analysis!(analysis)
+        end
+      end
+    end
+
+    def full_doi
+      return nil unless (d = Doi.find_by(doiable: self))
+      d.full_doi
+    end
+
+    def generate_doi(version)
+      version_str = version.to_i.zero? ? '' : '.' + version.to_s
+      inchikey_version = self.molecule.inchikey + version_str
+      "#{Datacite::Mds.new.doi_prefix}/#{inchikey_version}"
+    end
+
+    def create_publication_tag(contributor, author_ids, license)
+      authors = User.where(id: author_ids, type: %w(Person Collaborator))
+                      .includes(:affiliations)
+                      .order("position(users.id::text in '#{author_ids}')")
+      affiliations = authors.map(&:current_affiliations)
+      affiliations_output = {}
+      affiliations.flatten.each do |aff|
+        affiliations_output[aff.id] = aff.output_full
+      end
+      publication = {
+        published_by: author_ids[0],
+        author_ids: author_ids,
+        creators: authors.map { |author|
+          {
+            'givenName' => author.first_name,
+            'familyName' => author.last_name,
+            'name' => author.name,
+            'ORCID' => author.orcid,
+            'affiliationIds' => author.current_affiliations.map(&:id),
+            'id' => author.id
+          }
+        },
+        contributors: {
+          'givenName' => contributor.first_name,
+          'familyName' => contributor.last_name,
+          'name' => contributor.name,
+          'ORCID' => contributor.orcid,
+          'affiliations' => contributor.current_affiliations.map{ |aff| aff.output_full },
+          'id' => contributor.id
+        },
+        affiliations: affiliations_output,
+        affiliation_ids: affiliations.map { |as| as.map(&:id) },
+        queued_at: DateTime.now,
+        license: license
+      }
+      et = self.tag
+      et.update!(
+        taggable_data: (et.taggable_data || {}).merge(publication: publication)
+      )
+    end
+
+    ##
+    # Update the tag['publication'] for a (being) published public sample
+
+    def update_publication_tag(**args)
+      data = args.slice(
+        :doi_reg_at, :pubchem_reg_at, :published_at, :sample_version, :doi, :chem_first
+      )
+      et = self.tag
+      td = et.taggable_data
+      td['publication'].merge!(data)
+
+      ## update molecule tag
+      if self.is_a?(Sample)
+        mt = self.molecule.tag
+        mt_data = mt.taggable_data || {}
+        # chemotion_first unless already chemotion_first
+        mt_data['chemotion'] ||= {}
+
+        if args[:chem_first] && mt_data['chemotion']['chemotion_first'].blank?
+          mt_data['chemotion']['chemotion_first'] = args[:chem_first]
+        end
+
+        mt_data['chemotion']['doi'] = args[:doi] unless mt_data['chemotion']['doi'].present?
+        mt_data['chemotion']['last_published_at'] = args[:published_at]
+
+        mt.update!(taggable_data: mt_data)
+      end
+      et.save!
+    end
+
+    ##
+    # Update the tag of the original sample (and of its analysis) used for publication
+
+    def tag_as_published(pub_sample, ori_analyses)
+      et = self.tag
+      if (pub_sample.is_a? Reaction)
+        et.update!(
+          taggable_data: (et.taggable_data || {}).merge(public_reaction: pub_sample.id, publish_pending: true)
+        )
+      else
+        et.update!(
+          taggable_data: (et.taggable_data || {}).merge(public_sample: pub_sample.id, publish_pending: true)
+        )
+      end
+
+      ori_analyses.each do |analysis|
+        analysis.reload
+        aid = pub_sample.analyses.select { |a| a.extended_metadata == analysis.extended_metadata }&.first&.id || true
+        at = analysis.tag
+        at.update!(
+          taggable_data: (at.taggable_data || {}).merge(public_analysis: aid)
+        )
+        xm = analysis.extended_metadata
+        xm.delete('publish')
+        xm['public_analysis'] = aid
+        analysis.update!(extended_metadata: xm)
+      end
+    end
+
+    def tag_reserved_suffix(ori_analyses)
+      et = self.tag
+      et.update!(
+        taggable_data: (et.taggable_data || {}).merge(reserved_doi: self.doi.full_doi)
+      )
+      ori_analyses.each do |analysis|
+        at = analysis.tag
+        d = analysis.doi.full_doi
+        at.update!(
+          taggable_data: (at.taggable_data || {}).merge(reserved_doi: d)
+        )
+        xm = analysis.extended_metadata
+        xm['reserved_doi'] = d
+        xm['publish'] = true
+        analysis.update!(extended_metadata: xm)
+      end
+    end
+
+    def untag_reserved_suffix()
+      et = self.tag
+      taggable_data = et.taggable_data || {}
+      taggable_data.delete('reserved_doi')
+      et.update!(taggable_data: taggable_data)
+
+      self.analyses.each do |analysis|
+        at = analysis.tag
+        td = at.taggable_data
+        td.delete('reserved_doi')
+        at.update!(taggable_data: td)
+
+        xm = analysis.extended_metadata
+        xm.delete('reserved_doi')
+        analysis.update!(extended_metadata: xm)
+      end
+    end
+
+    # remove doi link if molecule changes
+    def check_doi
+      d = self.doi
+      return true unless d
+      if self.is_a?(Sample) && molecule_id_changed?
+        d.update!(doiable: nil)
+        self.untag_reserved_suffix
+
+      elsif self.is_a?(Reaction) && (d.inchikey.tr('reaction/', '') != self.products_short_rinchikey_trimmed)
+        d.update!(doiable: nil)
+        self.untag_reserved_suffix
+        self.products.each do |s|
+          sd = s.doi
+          sd.update!(doiable: nil) unless sd.nil?
+          s.untag_reserved_suffix
+        end
+      end
+      true
+    end
+  end
+end
diff --git a/app/models/concerns/reaction_rinchi.rb b/app/models/concerns/reaction_rinchi.rb
index 75f47bd20..4452da863 100644
--- a/app/models/concerns/reaction_rinchi.rb
+++ b/app/models/concerns/reaction_rinchi.rb
@@ -45,11 +45,33 @@ def retrieve_molfiles
 
   def no_structure
     <<~MOLFILE
-    
+
       ACCLDraw04191619342D
-    
+
       0  0  0  0  0  0  0  0  0  0999 V2000
     M  END
     MOLFILE
   end
+
+  def products_rinchis
+    mols_rcts, mols_prds, mols_agts = self.retrieve_molfiles
+    rcts = Rinchi::MolVect.new
+    # mols_rcts.each do |rct| rcts.push(rct) end
+    [].each do |rct| rcts.push(rct) end
+    prds = Rinchi::MolVect.new
+    mols_prds.each do |prd| prds.push(prd) end
+    agts = Rinchi::MolVect.new
+    # mols_agts.each do |agt| agts.push(agt) end
+    [].each do |agt| agts.push(agt) end
+    Rinchi.convert(rcts, prds, agts)
+  end
+
+   def products_short_rinchikey
+     _, _, result, _ = products_rinchis
+     result
+   end
+
+   def products_short_rinchikey_trimmed
+     products_short_rinchikey.sub(/Short-RInChIKey=/, '')
+   end
 end
diff --git a/app/models/concerns/taggable.rb b/app/models/concerns/taggable.rb
index 74bcf9f8d..3f0cd7de1 100644
--- a/app/models/concerns/taggable.rb
+++ b/app/models/concerns/taggable.rb
@@ -59,7 +59,7 @@ def collection_tag
     cols = []
     send(klass).each do |cc|
       next unless c = cc.collection
-      next if c.label == 'All' && c.is_locked
+      next if (c.label == 'All' && c.is_locked) || (c.id == Collection.public_collection_id)
       cols.push({
         name: c.label, is_shared: c.is_shared, user_id: c.user_id,
         id: c.id, shared_by_id: c.shared_by_id,
diff --git a/app/models/container.rb b/app/models/container.rb
index fe98d0c37..cfc613a8d 100644
--- a/app/models/container.rb
+++ b/app/models/container.rb
@@ -23,9 +23,13 @@ class Container < ActiveRecord::Base
   include ElementCodes
   belongs_to :containable, polymorphic: true
   has_many :attachments, as: :attachable
+  has_one :publication, as: :element
+  include Taggable
+
+  has_one :doi, as: :doiable
   # TODO: dependent destroy for attachments should be implemented when attachment get paranoidized instead of this DJ
   before_destroy :delete_attachment
-  has_closure_tree
+  has_closure_tree order: "extended_metadata->'index' asc"
 
   scope :analyses_for_root, ->(root_id) {
     where(container_type: 'analysis').joins(
@@ -33,6 +37,18 @@ class Container < ActiveRecord::Base
     )
   }
 
+  scope :analyses_container, ->(id) {
+    where(container_type: 'analyses').joins(
+      <<~SQL
+        inner join container_hierarchies ch
+        on (ch.ancestor_id = #{id} and ch.descendant_id = containers.id)
+        or (ch.descendant_id = #{id} and ch.ancestor_id = containers.id)
+      SQL
+    )
+  }
+
+  before_save :check_doi
+
   def analyses
     Container.analyses_for_root(self.id)
   end
@@ -47,8 +63,6 @@ def self.create_root_container(**args)
     root_con
   end
 
-  private
-
   def delete_attachment
     if Rails.env.production?
       attachments.each { |attachment|
@@ -58,4 +72,41 @@ def delete_attachment
       attachments.each(&:destroy!)
     end
   end
+
+  def generate_doi version
+    type = self.extended_metadata['kind'].delete(' ') if self.extended_metadata['kind']
+    version_str = version.to_i == 0 ? "" : "." + version.to_s
+    term_id = (type || '').split('|').first.sub!(':','')
+    if self.root.containable.respond_to? :molecule
+      ds_version = self.root.containable.molecule.inchikey + "/" + term_id + version_str
+    elsif self.root.containable.respond_to? :products_short_rinchikey_trimmed
+      ds_version = "reaction/" + self.root.containable.products_short_rinchikey_trimmed+ "/" + term_id + version_str
+    else
+      ds_version =  term_id + version_str
+    end
+    "#{Datacite::Mds.new.doi_prefix}/#{ds_version}"
+  end
+
+  def full_doi
+    return nil unless (d = Doi.find_by(doiable: self))
+    d.full_doi
+  end
+
+  def unassociate_doi(d = self.doi)
+    d.update(doiable: nil) unless d.nil?
+    self.extended_metadata.delete('reserved_doi')
+    at = self.tag
+    at.taggable_data.delete('reserved_doi')
+    at.save
+  end
+
+  def check_doi
+    # unassoicate doi if type has changed
+    if (d = self.doi) && self.container_type == 'analysis'
+      if self.extended_metadata['kind']&.delete(' ') != d.analysis_type
+        unassociate_doi(d)
+      end
+    end
+    true
+  end
 end
diff --git a/app/models/doi.rb b/app/models/doi.rb
new file mode 100644
index 000000000..2717cb4c9
--- /dev/null
+++ b/app/models/doi.rb
@@ -0,0 +1,172 @@
+# == Schema Information
+#
+# Table name: dois
+#
+#  id             :integer          not null, primary key
+#  molecule_id    :integer
+#  inchikey       :string
+#  molecule_count :integer
+#  analysis_id    :integer
+#  analysis_type  :string
+#  analysis_count :integer
+#  metadata       :jsonb
+#  minted         :boolean          default(FALSE)
+#  minted_at      :datetime
+#  created_at     :datetime         not null
+#  updated_at     :datetime         not null
+#  doiable_id     :integer
+#  doiable_type   :string
+#  suffix         :string
+#
+# Indexes
+#
+#  index_dois_on_suffix  (suffix) UNIQUE
+#  index_on_dois         (inchikey,molecule_count,analysis_type,analysis_count) UNIQUE
+#
+# Foreign Keys
+#
+#  fk_rails_...  (molecule_id => molecules.id)
+#
+
+class Doi < ActiveRecord::Base
+
+  belongs_to :doiable, polymorphic: true
+  belongs_to :molecule
+  belongs_to :analysis, class_name: 'Container'
+
+
+  before_save :align_suffix
+
+  def build_suffix
+    s = "#{inchikey}"
+    s += ".#{molecule_count}" if molecule_count.to_i > 0
+    if analysis_type.present?
+      term_id = analysis_type.split('|').first.sub!(':','')
+      s += "/#{term_id}"
+      s += ".#{analysis_count}" if analysis_count.to_i > 0
+    end
+    s
+  end
+
+  def generate_doi
+    "#{Datacite::Mds.new.doi_prefix}/#{suffix}"
+  end
+
+  def full_doi
+    "#{Datacite::Mds.new.doi_prefix}/#{suffix}"
+  end
+
+  def self.find_by_doi(doi)
+    d = split_doi(doi)
+    find_by(suffix: d[:suffix])
+  end
+
+  def self.find_by_split_suffix(suffix)
+    split_suffix = split_suffix(suffix)
+    find_by(split_suffix)
+  end
+
+  def self.create_for_analysis!(analysis, ik = nil)
+    if !ik
+      rt = analysis.root_element
+      ik = (rt.is_a?(Sample) && rt.molecule.inchikey) ||
+        (rt.is_a?(Reaction) && rt.products_short_rinchikey_trimmed)
+      raise "only works with sample/reaction analysis" unless ik
+    end
+    type = analysis.extended_metadata['kind'].delete(' ')
+    type = type.presence || 'nd'
+    ds = Doi.select("*, coalesce(analysis_count, 0) as real_count")
+            .where(inchikey: ik, analysis_type: type)
+            .order('real_count desc')
+    if ds.blank?
+      ac = 0
+      version = ''
+    else
+      ac = ds.first.analysis_count.to_i.next
+      version = ".#{ac}"
+    end
+    term_id = type.split('|').first.sub!(':','')
+    suffix = "#{ik}/#{term_id}#{version}"
+    Doi.create!(
+      inchikey: ik,
+      doiable_id: analysis.id,
+      doiable_type: analysis.class.name,
+      analysis_count: ac,
+      suffix: suffix,
+      analysis_type: type
+    )
+  end
+
+  def self.create_for_element!(element, ik = nil)
+    klass = element.class.name
+    ik ||= case klass
+           when 'Sample'
+             element.molecule.inchikey
+           when 'Reaction'
+             "reaction/" + element.products_short_rinchikey_trimmed
+           end
+
+    ds = Doi.select("*, coalesce(molecule_count, 0) as real_count")
+            .where(inchikey: ik)
+            .order('real_count desc')
+    if ds.blank?
+      mc = 0
+      version = ''
+    else
+      mc = ds.first.molecule_count.to_i.next
+      version = ".#{mc}"
+    end
+    suffix = "#{ik}#{version}"
+    d = Doi.create!(
+      inchikey: ik,
+      doiable_id: element.id,
+      doiable_type: klass,
+      molecule_count: mc,
+      suffix: suffix
+    )
+  end
+
+  private
+
+  def self.extract_suffix(doi)
+    if doi.match(/(10\..+?)\//)
+      $'
+    end
+  end
+
+  def self.split_doi(doi)
+    if doi.match(/(10\..+?)\//)
+      { prefix: $1, suffix: $', split_suffix: split_suffix($') }
+    else
+      {}
+    end
+  end
+
+  def self.split_suffix(suffix)
+    if suffix.match(/([\w-]+)(?:\.(\d+))?(?:\/((?:.+62\.5)|(?:[^.]+))?(?:\.(\d+))?)?\z/)
+      {
+        inchikey: $1,
+        molecule_count: $2,
+        analysis_type: $3,
+        analysis_count: $4,
+      }
+    else
+      {}
+    end
+  end
+
+  def align_suffix
+    if suffix_changed? && !inchikey_changed? && !analysis_type_changed?
+      s = self.class.split_suffix(suffix)
+      self.inchikey = s[:inchikey]
+      self.molecule_count = s[:molecule_count]
+      self.analysis_type = s[:analysis_type]
+      self.analysis_count = s[:analysis_count]
+    else !suffix_changed? && inchikey_changed?
+      self.suffix = build_suffix
+    end
+    # throw(:abort) unless suffix == build_suffix
+    suffix == build_suffix
+  end
+
+end
diff --git a/app/models/literature.rb b/app/models/literature.rb
index 0cfb1e56e..59b0a4160 100644
--- a/app/models/literature.rb
+++ b/app/models/literature.rb
@@ -33,7 +33,8 @@ class Literature < ActiveRecord::Base
 
   scope :add_user_info, -> {
     joins("inner join users on users.id = literals.user_id")
-    .select("literatures.*, literals.id as literal_id, literals.user_id, (users.first_name || chr(32) || users.last_name) as user_name")
+    .select("literatures.*, literals.id as literal_id, literals.element_type, literals.user_id,
+      (users.first_name || chr(32) || users.last_name) as user_name")
   }
 
   scope :add_element_and_user_info, -> {
diff --git a/app/models/publication.rb b/app/models/publication.rb
new file mode 100644
index 000000000..095c452a0
--- /dev/null
+++ b/app/models/publication.rb
@@ -0,0 +1,597 @@
+# == Schema Information
+#
+# Table name: publications
+#
+#  id                    :integer          not null, primary key
+#  state                 :string
+#  metadata              :jsonb
+#  taggable_data         :jsonb
+#  dois                  :jsonb
+#  element_type          :string
+#  element_id            :integer
+#  doi_id                :integer
+#  created_at            :datetime
+#  updated_at            :datetime
+#  deleted_at            :datetime
+#  original_element_type :string
+#  original_element_id   :integer
+#  ancestry              :string
+#  metadata_xml          :text
+#  published_by          :integer
+#  published_at          :datetime
+#  review                :jsonb
+#
+# Indexes
+#
+#  index_publications_on_ancestry  (ancestry)
+#
+
+class Publication < ActiveRecord::Base
+  class Net::FTP
+    def puttextcontent(content, remotefile, &block)
+      f = StringIO.new(content)
+      begin
+        storlines('STOR ' + remotefile, f, &block)
+      ensure
+        f.close
+      end
+    end
+  end
+
+  acts_as_paranoid
+  has_ancestry
+  belongs_to :element, polymorphic: true
+  belongs_to :original_element, polymorphic: true
+  belongs_to :doi
+
+  STATE_START = 'start'
+
+  STATE_DC_METADATA_UPLOADING = 'dc_metadata_uploading'
+  STATE_DC_METADATA_UPLOADED = 'dc_metadata_uploaded'
+
+  # STATE_DC_METADATA_ANALYSES_UPLOADING = 'dc_metadata_analyses_uploading'
+  # STATE_DC_METADATA_ANALYSES_UPLOADED = 'dc_metadata_analyses_uploaded'
+
+  STATE_DC_DOI_REGISTERING = 'dc_doi_registering'
+  STATE_DC_DOI_REGISTERED = 'dc_doi_registered'
+
+  STATE_PUBCHEM_REGISTERING = 'pubchem_registering'
+  STATE_PUBCHEM_REGISTERED = 'pubchem_registered'
+
+  # STATE_DC_DOI_MINT_ANALYSES_START = 'dc_doi_mint_analyses_start'
+  # STATE_DC_DOI_MINT_ANALYSES_DONE = 'dc_doi_mint_analyses_done'
+
+  STATE_COMPLETING = 'completing'
+  STATE_COMPLETED = 'completed'
+  STATE_PUBLISHED = 'published'
+
+  STATE_ACCEPTED = 'accepted'
+  STATE_PENDING = 'pending'
+  STATE_DECLINED = 'declined'
+  STATE_REVIEWED = 'reviewed'
+  STATE_RETRACTED = 'retracted'
+
+  def embargoed?(root_publication = root)
+    cid = User.find(root_publication.published_by).publication_embargo_collection.id
+    embargo_col = root_publication.element.collections.select { |c| c['ancestry'].to_i == cid }
+    embargo_col.present? ? true : false
+  end
+
+  # Moving publication element to collections according to publication state
+
+  def update_state(new_state)
+    update_columns(state: new_state)
+    descendants.each { |d| d.update_columns(state: new_state) }
+    process_element(new_state)
+  end
+
+  def process_element(new_state = state)
+    case new_state
+    when Publication::STATE_PENDING
+      move_to_pending_collection
+    when Publication::STATE_REVIEWED
+      move_to_review_collection
+    when Publication::STATE_ACCEPTED
+      move_to_accepted_collection
+    when Publication::STATE_DECLINED
+      declined_reverse_original_element
+      declined_move_collections
+    end
+  end
+
+  # WARNING: for STATE_ACCEPTED the method does more than just notify users (see ChemotionRepoPublishingJob)
+  # TODO: separate publishing responsability
+  def inform_users(new_state = state, current_user_id = 0)
+    method = if ENV['PUBLISH_MODE'] == 'production' && Rails.env.production?
+               :perform_later
+             elsif ENV['PUBLISH_MODE'] == 'staging'
+               :perform_now
+             end
+    return unless method
+
+    queue_name = new_state.to_s
+    klass = if new_state == Publication::STATE_ACCEPTED && !embargoed?
+              queue_name = 'publishing'
+              ChemotionRepoPublishingJob
+            else
+              ChemotionRepoReviewingJob
+            end
+    klass.set(queue: "#{queue_name} #{id}").send(method, id, new_state, current_user_id)
+  end
+
+  # remove publication element from editable collections
+  def move_to_accepted_collection
+    pub_user = User.find(published_by)
+    return false unless pub_user && element
+    return true unless embargoed?
+
+    ## do not move if in reviewing, but why ???
+    # reviewing_col = element.collections.where(id: pub_user.reviewing_collection.id).pluck(:id)
+    # return false if reviewing_col.present?
+
+    case element_type
+    when 'Sample'
+      CollectionsSample
+    when 'Reaction'
+      CollectionsReaction
+    end.remove_in_collection(
+      element.id,
+      element.collections.where(
+        id: [pub_user.pending_collection.id, pub_user.reviewing_collection.id]
+      ).pluck(:id) + Collection.element_to_review_collection.pluck(:id)
+    )
+  end
+
+  # move publication element from reviewer editable collection to submitter editable collection
+  # move publication element from submitter readable collection to reviewer readable collection
+  def move_to_review_collection
+    pub_user = User.find(published_by)
+    return false unless pub_user && element
+
+    case element_type
+    when 'Sample'
+      CollectionsSample
+    when 'Reaction'
+      CollectionsReaction
+    end.move_to_collection(
+      element.id,
+      [pub_user.pending_collection.id] + Collection.element_to_review_collection.pluck(:id),
+      [pub_user.reviewing_collection.id] + Collection.reviewed_collection.pluck(:id)
+    )
+  end
+
+  def move_to_pending_collection
+    pub_user = User.find(published_by)
+    return false unless pub_user && element
+
+    case element_type
+    when 'Sample'
+      CollectionsSample
+    when 'Reaction'
+      CollectionsReaction
+    end.move_to_collection(
+      element.id,
+      [pub_user.reviewing_collection.id] + Collection.reviewed_collection.pluck(:id),
+      [pub_user.pending_collection.id] + Collection.element_to_review_collection.pluck(:id)
+    )
+  end
+
+  def declined_reverse_original_element
+    oet = original_element&.tag
+    oet&.taggable_data&.delete('publish_pending')
+    oet&.taggable_data&.delete('public_reaction') if element_type == 'Reaction'
+    oet&.taggable_data&.delete('public_sample') if element_type == 'Sample'
+    oet&.save!
+    original_element&.analyses&.each do |a|
+      a.reload
+      a.tag&.taggable_data&.delete('public_analysis') && a.tag.save!
+      a.extended_metadata&.delete('public_analysis') && a.save!
+    end
+    declined_reverse_original_reaction_elements
+  end
+
+  def declined_reverse_original_reaction_elements
+    element_type == 'Reaction' && original_element&.samples&.each do |s|
+      spp = s.tag&.taggable_data&.delete('publish_pending')
+      sps = s.tag&.taggable_data&.delete('public_sample')
+      s.tag&.save! unless spp.nil? && sps.nil?
+      original_element&.analyses&.each do |a|
+        a.reload
+        a.tag&.taggable_data&.delete('public_analysis') && a.tag.save!
+        a.extended_metadata&.delete('public_analysis') && a.save!
+      end
+    end
+  end
+
+  def declined_move_collections
+    all_col_id = User.find(published_by).all_collection&.id
+    return unless element && all_col_id
+
+    col_ids = element&.collections&.pluck(:id)
+    et = element.tag
+    et.taggable_data = et.taggable_data.merge(decline: true)
+    tag_pub = et.taggable_data&.delete('publication')
+    et.save!
+    case element_type
+    when 'Reaction'
+      CollectionsReaction
+    when 'Sample'
+      CollectionsSample
+    end.move_to_collection(element_id, col_ids, all_col_id)
+  end
+
+  # NB: ?NOT USED? Was it meant for declining/rejecting publication
+  # NB: was Moved to model from ChemotionRepoReviewingJob
+  # TODO: move this to publising concern ?
+  # def release_original_element
+  #   ot = original_element&.tag&.taggable_data&.delete("publish_#{element_type.downcase}")
+  #   original_element.tag.save! unless ot.nil?
+  #
+  #   case element_type
+  #   when 'Sample'
+  #     clear_orig_analyses(original_element)
+  #   when 'Reaction'
+  #     clear_orig_analyses(original_element)
+  #     original_element&.samples&.each do |s|
+  #       t = s.tag&.taggable_data&.delete('publish_sample')
+  #       s.tag.save! unless t.nil?
+  #       clear_orig_analyses(s)
+  #     end
+  #   end
+  # end
+
+  # TODO: mv this to publishing concern ??
+  # def clear_orig_analyses(el = element)
+  #   el&.analyses&.each do |a|
+  #     t = a.tag&.taggable_data&.delete('publish_analysis')
+  #     a.tag.save! unless t.nil?
+  #   end
+  # end
+
+  def publication_logger
+    @@publication_logger ||= Logger.new(File.join(Rails.root, 'log', 'publication.log'))
+  end
+
+  def doi_bag
+    d = doi
+    case element_type
+    when 'Sample'
+      dois = {
+        sample: {
+          DOI: d.full_doi,
+          suffix: d.suffix,
+          inchikey: d.inchikey,
+          count: d.molecule_count
+        },
+        analyses_dois: {}
+      }
+      children.each do |a|
+        d = a.doi
+        dois[:analyses_dois][a.element_id.to_s] = {
+          DOI: d.full_doi,
+          suffix: d.suffix,
+          type: d.analysis_type,
+          count: d.analysis_count
+        }
+      end
+    when 'Reaction'
+      dois = {
+        reaction: {
+          DOI: d.full_doi,
+          suffix: d.suffix,
+          inchikey: d.inchikey,
+          count: d.molecule_count
+        },
+        analyses_dois: {}
+      }
+      children.where(element_type: 'Container').each do |a|
+        d = a.doi
+        dois[:analyses_dois][a.element_id.to_s] = {
+          DOI: d.full_doi,
+          suffix: d.suffix,
+          type: d.analysis_type,
+          count: d.analysis_count
+        }
+      end
+      dois['samples'] = {}
+      children.where(element_type: 'Sample').each do |new_sample|
+        d = new_sample.doi
+        if d
+          dois['samples'][new_sample.element_id.to_s] = {
+            sample: {
+              DOI: d.full_doi,
+              suffix: d.suffix,
+              inchikey: d.inchikey,
+              count: d.molecule_count
+            },
+            analyses_dois: {}
+          }
+        end
+      end
+    when 'Container'
+      parent_doi = parent.doi
+      dois = {
+        analysis: {
+          DOI: d.full_doi,
+          suffix: d.suffix,
+          inchikey: d.inchikey,
+          count: d.molecule_count
+        },
+        parent_element: {
+          DOI: parent_doi.full_doi,
+          suffix: parent_doi.suffix,
+          inchikey: parent_doi.inchikey,
+          count: parent_doi.molecule_count
+        }
+      }
+    end
+    return  dois
+  end
+
+  def scheme_only
+    taggable_data && taggable_data['scheme_only'] == true ? true : false
+  end
+
+  def rights_data
+    rights = {
+      schemeURI: 'https://spdx.org/licenses/',
+      rightsIdentifierScheme: 'SPDX',
+      rightsIdentifier: 'CC-BY-SA-4.0',
+      rightsURI: 'http://creativecommons.org/licenses/by-sa/4.0/',
+      rightsName: 'Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)'
+    }
+    if taggable_data && taggable_data['license'].present?
+      case taggable_data['license']
+      when 'CC BY'
+        rights[:rightsIdentifier] = 'CC-BY-4.0'
+        rights[:rightsURI] = 'http://creativecommons.org/licenses/by/4.0/'
+        rights[:rightsName] = 'Attribution 4.0 International (CC BY 4.0)'
+      when 'CC0'
+        rights[:rightsIdentifier] = 'CC0-1.0'
+        rights[:rightsURI] = 'http://creativecommons.org/publicdomain/zero/1.0/'
+        rights[:rightsName] = 'CC0 1.0 Universal'
+      end
+    end
+    rights
+  end
+
+  def datacite_metadata_xml
+    parent_element = parent&.element
+
+    metadata_obj = OpenStruct.new(element: element, pub_tag: taggable_data, dois: doi_bag, parent_element: parent_element.presence, rights: rights_data)
+    erb_file = if element_type == 'Container'
+                 "app/publish/datacite_metadata_#{parent_element.class.name.downcase}_#{element_type.downcase}.html.erb"
+               else
+                 "app/publish/datacite_metadata_#{element_type.downcase}.html.erb"
+               end
+    metadata_file = ERB.new(File.read(File.join(
+        Rails.root,
+        erb_file
+    )))
+    metadata_file.result(metadata_obj.instance_eval { binding })
+  end
+
+  def persit_datacite_metadata_xml!
+    mt = datacite_metadata_xml
+    self.update!(metadata_xml: mt)
+    mt
+  end
+
+  def transition_from_start_to_metadata_uploading!
+    return unless valid_transition(STATE_DC_METADATA_UPLOADING)
+    mt = datacite_metadata_xml
+    self.update!(metadata_xml: mt, state: STATE_DC_METADATA_UPLOADING)
+  end
+
+  def transition_from_metadata_uploading_to_uploaded!
+    return unless valid_transition(STATE_DC_METADATA_UPLOADED)
+    if (ENV['DATACITE_MODE'] == 'test' || ENV['PUBLISH_MODE'] == 'production') && scheme_only == false
+      resp = Datacite::Mds.new.upload_metadata(metadata_xml)
+      success = resp.is_a?(Net::HTTPSuccess)
+      message = "#{resp.inspect}: metadata upload#{"ing fail" if !success}ed"
+    else
+      success = true
+      message = "metadata not uploaded in mode #{ENV['PUBLISH_MODE']}"
+    end
+    logger([message, metadata])
+    raise "#{message}" unless success
+    self.update!(state: STATE_DC_METADATA_UPLOADED)
+  end
+
+  def transition_from_metadata_uploaded_to_doi_registering!
+    return unless valid_transition(STATE_DC_DOI_REGISTERING)
+    self.update!(state: STATE_DC_DOI_REGISTERING)
+  end
+
+  def transition_from_doi_registering_to_registered!
+    return unless valid_transition(STATE_DC_DOI_REGISTERED)
+    mds = Datacite::Mds.new
+    suffix = doi.suffix
+    short_doi = "#{mds.doi_prefix}/#{suffix}"
+    url = "https://#{mds.doi_domain}/inchikey/#{suffix}"
+    if (ENV['DATACITE_MODE'] == 'test' || ENV['PUBLISH_MODE'] == 'production') && scheme_only == false
+      resp = mds.mint(short_doi, url)
+      success = resp.is_a?(Net::HTTPSuccess)
+      message = "#{resp.inspect}: DOI mint#{'ing fail' unless success}ed"
+    else
+      success = true
+      message = "DOI not minted in mode #{ENV['PUBLISH_MODE']}"
+    end
+    logger([message, "doi: #{short_doi}", "url: #{url}"])
+    raise "#{message}:\n #{short_doi} <-> #{url}" unless success
+    doi_date = DateTime.now
+    case element_type
+    when 'Sample'
+      chem_first = element.pubchem_cid.blank?
+      tag_data = {
+        doi_reg_at: doi_date,
+        sample_version: doi.molecule_count,
+        doi: short_doi
+      }
+      tag_data[:chem_first] = doi_date if chem_first
+      element.update_publication_tag(tag_data)
+    when 'Container'
+      et = ElementTag.find_or_create_by(
+        taggable_type: 'Container', taggable_id: element_id
+      )
+      tag_data = parent.element.publication_tag.merge({
+        published_at: doi_date,
+        dataset_version: doi.analysis_count,
+        analysis_doi: short_doi
+      })
+      et.update!(
+        taggable_data: (et.taggable_data || {}).merge(publication: tag_data)
+      )
+    when 'Reaction'
+      tag_data = {
+        doi_reg_at: doi_date,
+        reaction_version: doi.molecule_count,
+        doi: short_doi
+      }
+      element.update_publication_tag(tag_data)
+    end
+
+    pd = taggable_data.merge(tag_data)
+    self.update!(state: STATE_DC_DOI_REGISTERED,taggable_data: taggable_data.merge(pd))
+  end
+
+  def transition_from_doi_registered_to_pubchem_registering!
+    return unless valid_transition(STATE_PUBCHEM_REGISTERING)
+    self.update!(state: STATE_PUBCHEM_REGISTERING)
+  end
+
+  def transition_from_doi_pubchem_registering_to_registered!
+    return unless valid_transition(STATE_PUBCHEM_REGISTERED)
+    if element_type == 'Sample'
+      metadata_obj = OpenStruct.new(sample: element)
+      metadata_file = ERB.new(File.read(
+        File.join(Rails.root,'app', 'publish', 'pubchem_metadata.sdf.erb')
+      ))
+      mt = metadata_file.result(metadata_obj.instance_eval { binding })
+      if (production = Rails.env.production? && ENV['PUBLISH_MODE'] == 'production') && scheme_only == false
+        ftp = Net::FTP.new('ftp-private.ncbi.nlm.nih.gov')
+        ftp.passive = true
+        ftp.login(ENV['PUBCHEM_LOGIN'], ENV['PUBCHEM_PASSWORD'])
+        ftp.puttextcontent(mt, doi.suffix + '.sdf.in')
+        ftp.close
+      end
+      message = "\n---MOLFILE START---"
+      element.update_publication_tag(pubchem_reg_at: DateTime.now)
+      pd = taggable_data.merge(pubchem_reg_at: DateTime.now)
+      logger([message, mt, "Pubchem FTP upload #{production ? '' : 'NOT'} sent (mode: #{ENV['PUBLISH_MODE']})"])
+    end
+    self.update!(state: STATE_PUBCHEM_REGISTERED, taggable_data: taggable_data.merge(pd))
+  end
+
+  def transition_from_pubchem_registered_to_completing!
+    return unless valid_transition(STATE_COMPLETING)
+    self.update!(state: STATE_COMPLETING)
+  end
+
+  def transition_from_doi_registered_to_completing!
+    return unless valid_transition(STATE_COMPLETING)
+    self.update!(state: STATE_COMPLETING)
+  end
+
+  def transition_from_completing_to_completed!
+    return unless valid_transition(STATE_COMPLETED)
+    pd = {}
+    if element_type != 'Container'
+      creator_ids = taggable_data['author_ids']
+      su_id = User.chemotion_user.id
+
+      pending_collection_ids = Collection.joins(
+        "INNER JOIN sync_collections_users ON sync_collections_users.collection_id = collections.id"
+      ).where("sync_collections_users.shared_by_id = ?", su_id)
+       .where("sync_collections_users.user_id in (?)", creator_ids)
+       .where("collections.label = 'Pending Publications'").pluck(:id)
+
+       my_published_collection_ids = Collection.joins(
+        "INNER JOIN sync_collections_users ON sync_collections_users.collection_id = collections.id"
+      ).where("sync_collections_users.shared_by_id = ?", User.chemotion_user.id)
+       .where("sync_collections_users.user_id in (?)", creator_ids)
+       .where("collections.label = 'Published Elements'")
+       .pluck(:id)
+
+
+      if element_type == 'Reaction' && scheme_only
+        published_collection_ids = my_published_collection_ids + [Collection.scheme_only_reactions_collection.id]
+      else
+        published_collection_ids = my_published_collection_ids + [Collection.public_collection_id]
+      end
+
+
+      collections_klass = "Collections#{element_type}".constantize
+      collections_klass.remove_in_collection([element_id], pending_collection_ids)
+      collections_klass.remove_in_collection([element_id], Collection.element_to_review_collection.pluck(:id))
+      collections_klass.create_in_collection([element_id], published_collection_ids)
+
+      time = DateTime.now
+      element.update_publication_tag(published_at: time)
+      pd = taggable_data.merge(published_at: time)
+      logger(['moved to collections'])
+    end
+    self.update!(state: STATE_COMPLETED, taggable_data: taggable_data.merge(pd), published_at: time)
+  end
+
+  def default_line
+     @default_line ||= "#{element_type} #{element_id}: "
+  end
+
+  def valid_transition(to_state)
+    case to_state
+    when STATE_START
+      valid = [STATE_START].include?(state)
+
+    when STATE_ACCEPTED
+      valid = [STATE_ACCEPTED].include?(state)
+
+    when STATE_DC_METADATA_UPLOADING
+      valid = [STATE_ACCEPTED].include?(state)
+
+    when STATE_DC_METADATA_UPLOADED
+      valid = [STATE_DC_METADATA_UPLOADING].include?(state)
+
+    when STATE_DC_DOI_REGISTERING
+      valid = [STATE_DC_METADATA_UPLOADED].include?(state)
+
+    when STATE_DC_DOI_REGISTERED
+      valid = [STATE_DC_DOI_REGISTERING].include?(state)
+
+    when STATE_PUBCHEM_REGISTERING
+      valid = (element_type == 'Sample') && [STATE_DC_DOI_REGISTERED].include?(state)
+
+    when STATE_PUBCHEM_REGISTERED
+      valid = [STATE_PUBCHEM_REGISTERING].include?(state)
+
+    when STATE_COMPLETING
+      valid = if element_type == 'Sample'
+                [STATE_PUBCHEM_REGISTERED].include?(state)
+              else
+                [STATE_DC_DOI_REGISTERED, STATE_COMPLETING].include?(state)
+              end
+
+    when STATE_COMPLETED
+      valid = [STATE_COMPLETING].include?(state)
+    end
+
+    log_invalid_transition(to_state) unless valid
+    valid
+  end
+
+  def log_invalid_transition(to_state)
+    logger("CANNOT TRANSITION from #{state} to #{to_state}")
+  end
+
+  def logger(message_arr)
+    message = [message_arr].flatten.join("\n")
+    publication_logger.info(
+      <<~INFO
+      ******** MODE #{ENV['PUBLISH_MODE']}********
+      Publication #{id}. STATE: #{state}: #{default_line}
+      #{message}
+      ********************************************************************************
+      INFO
+    )
+  end
+end
diff --git a/app/models/publication_authors.rb b/app/models/publication_authors.rb
new file mode 100644
index 000000000..9f0c840a0
--- /dev/null
+++ b/app/models/publication_authors.rb
@@ -0,0 +1,14 @@
+# == Schema Information
+#
+# Table name: publication_authors
+#
+#  author_id    :text
+#  element_id   :integer
+#  element_type :string
+#  state        :string
+#  doi_id       :integer
+#  ancestry     :string
+#
+
+class PublicationAuthors < ActiveRecord::Base
+end
diff --git a/app/models/publication_ontologies.rb b/app/models/publication_ontologies.rb
new file mode 100644
index 000000000..c11f0c176
--- /dev/null
+++ b/app/models/publication_ontologies.rb
@@ -0,0 +1,15 @@
+# == Schema Information
+#
+# Table name: publication_ontologies
+#
+#  element_type :string
+#  element_id   :integer
+#  container_id :integer
+#  published_at :datetime
+#  ontologies   :text
+#  term_id      :text
+#  label        :text
+#
+
+class PublicationOntologies < ActiveRecord::Base
+end
diff --git a/app/models/reaction.rb b/app/models/reaction.rb
index cfbe76073..d0b4afd6b 100644
--- a/app/models/reaction.rb
+++ b/app/models/reaction.rb
@@ -50,6 +50,7 @@ class Reaction < ActiveRecord::Base
   include ElementCodes
   include Taggable
   include ReactionRinchi
+  include Publishing
 
   serialize :description, Hash
   serialize :observation, Hash
@@ -133,14 +134,18 @@ class Reaction < ActiveRecord::Base
 
   has_many :sync_collections_users, through: :collections
 
+  has_one :doi, as: :doiable
+
   belongs_to :creator, foreign_key: :created_by, class_name: 'User'
   validates :creator, presence: true
 
   before_save :update_svg_file!
   before_save :cleanup_array_fields
   before_save :auto_format_temperature!
+  before_save :check_doi
   before_create :auto_set_short_label
 
+
   after_create :update_counter
 
   has_one :container, :as => :containable
@@ -202,7 +207,6 @@ def update_svg_file!
         svg_file.close
 
         self.reaction_svg_file = svg_file_name
-      # end
     else
       paths = {}
       %i(starting_materials reactants products).each do |prop|
@@ -230,7 +234,8 @@ def svg_path(sample_svg, molecule_svg)
   end
 
   def yield_amount(sample_id)
-    ReactionsProductSample.find_by(reaction_id: self.id, sample_id: sample_id).try(:equivalent)
+    rps = ReactionsProductSample.find_by(reaction_id: self.id, sample_id: sample_id)
+    rps.scheme_yield || rps.equivalent
   end
 
   def solvents_in_svg
diff --git a/app/models/reactions_product_sample.rb b/app/models/reactions_product_sample.rb
index f2cdeab0b..c7c060442 100644
--- a/app/models/reactions_product_sample.rb
+++ b/app/models/reactions_product_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/reactions_purification_solvent_sample.rb b/app/models/reactions_purification_solvent_sample.rb
index b19861710..b459d8cf2 100644
--- a/app/models/reactions_purification_solvent_sample.rb
+++ b/app/models/reactions_purification_solvent_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/reactions_reactant_sample.rb b/app/models/reactions_reactant_sample.rb
index a63c1c729..0d97f8ac4 100644
--- a/app/models/reactions_reactant_sample.rb
+++ b/app/models/reactions_reactant_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/reactions_sample.rb b/app/models/reactions_sample.rb
index bb7eba51f..a9ca24ad1 100644
--- a/app/models/reactions_sample.rb
+++ b/app/models/reactions_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/reactions_solvent_sample.rb b/app/models/reactions_solvent_sample.rb
index 7aaea0583..38567eace 100644
--- a/app/models/reactions_solvent_sample.rb
+++ b/app/models/reactions_solvent_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/reactions_starting_material_sample.rb b/app/models/reactions_starting_material_sample.rb
index 5b68fe827..c5c7c5ea7 100644
--- a/app/models/reactions_starting_material_sample.rb
+++ b/app/models/reactions_starting_material_sample.rb
@@ -2,16 +2,17 @@
 #
 # Table name: reactions_samples
 #
-#  id          :integer          not null, primary key
-#  reaction_id :integer
-#  sample_id   :integer
-#  reference   :boolean
-#  equivalent  :float
-#  position    :integer
-#  type        :string
-#  deleted_at  :datetime
-#  waste       :boolean          default(FALSE)
-#  coefficient :float            default(1.0)
+#  id           :integer          not null, primary key
+#  reaction_id  :integer
+#  sample_id    :integer
+#  reference    :boolean
+#  equivalent   :float
+#  position     :integer
+#  type         :string
+#  deleted_at   :datetime
+#  waste        :boolean          default(FALSE)
+#  coefficient  :float            default(1.0)
+#  scheme_yield :float
 #
 # Indexes
 #
diff --git a/app/models/report.rb b/app/models/report.rb
index 854b12f40..52aaec8cc 100644
--- a/app/models/report.rb
+++ b/app/models/report.rb
@@ -71,6 +71,10 @@ def create_docx
       Reporter::WorkerRxnList.new(
         report: self, template_path: tpl_path, ext: 'html'
       ).process
+    when 'doi_list_xlsx'
+      Reporter::WorkerDoiList.new(
+        report: self, ext: 'xlsx'
+      ).process
     else
       Reporter::Worker.new(
         report: self, template_path: tpl_path
diff --git a/app/models/sample.rb b/app/models/sample.rb
index 4071d6f28..5a4f72f04 100644
--- a/app/models/sample.rb
+++ b/app/models/sample.rb
@@ -37,7 +37,6 @@
 #  molecule_name_id    :integer
 #  molfile_version     :string(20)
 #  stereo              :jsonb
-#  mol_rdkit           :string
 #  metrics             :string           default("mmm")
 #
 # Indexes
@@ -50,6 +49,12 @@
 #
 
 class Sample < ActiveRecord::Base
+
+
+  require 'net/ftp'
+  require 'erb'
+  require 'ostruct'
+
   acts_as_paranoid
   include ElementUIStateScopes
   include PgSearch
@@ -58,6 +63,7 @@ class Sample < ActiveRecord::Base
   include AnalysisCodes
   include UnitConvertable
   include Taggable
+  include Publishing
 
   STEREO_ABS = ['any', 'rac', 'meso', '(S)', '(R)', '(Sp)', '(Rp)', '(Sa)'].freeze
   STEREO_REL = ['any', 'syn', 'anti', 'p-geminal', 'p-ortho', 'p-meta', 'p-para', 'cis', 'trans', 'fac', 'mer'].freeze
@@ -150,6 +156,7 @@ class Sample < ActiveRecord::Base
   before_save :attach_svg, :init_elemental_compositions,
               :set_loading_from_ea
   before_save :auto_set_short_label
+  before_save :check_doi
   before_create :check_molecule_name
   after_save :update_counter
   after_create :create_root_container
@@ -192,6 +199,8 @@ class Sample < ActiveRecord::Base
   belongs_to :creator, foreign_key: :created_by, class_name: 'User'
   belongs_to :molecule
 
+  has_one :doi, as: :doiable
+
   accepts_nested_attributes_for :molecule_name
   accepts_nested_attributes_for :collections_samples
   accepts_nested_attributes_for :molecule, update_only: true
@@ -205,6 +214,14 @@ class Sample < ActiveRecord::Base
   delegate :computed_props, to: :molecule, prefix: true
   delegate :inchikey, to: :molecule, prefix: true, allow_nil: true
 
+  def molfile_pubchem
+    version = Chemotion::OpenBabelService.molfile_version(self.molfile)
+    mf = Chemotion::OpenBabelService.mofile_clear_coord_bonds(self.molfile, version)
+    mf = molfile unless mf
+    mf&.split(/^\$\$\$\$/).first
+  end
+
+
   def molecule_sum_formular
     self.molecule ? self.molecule.sum_formular : ''
   end
@@ -229,6 +246,18 @@ def analyses
     self.container ? self.container.analyses : Container.none
   end
 
+  #TODO move to molecule (chemotion_ELN)
+  def pubchem_cid
+    mol = self.molecule
+    cid = mol.tag && mol.tag.taggable_data && mol.tag.taggable_data['pubchem_cid']
+    if cid
+      cid
+    else
+      mol.update_tag!(pubchem_tag: true)
+      mol.tag.taggable_data['pubchem_cid']
+    end
+  end
+
   def self.associated_by_user_id_and_reaction_ids(user_id, reaction_ids)
     (for_user(user_id).by_reaction_ids(reaction_ids)).uniq
   end
diff --git a/app/models/user.rb b/app/models/user.rb
index 8f0f10aa8..f4b2005bb 100644
--- a/app/models/user.rb
+++ b/app/models/user.rb
@@ -86,7 +86,7 @@ class User < ActiveRecord::Base
     message: "can be alphanumeric, middle '_' and '-' are allowed,"+
     " but leading digit, or trailing '-' and '_' are not."}
   validate :name_abbreviation_length
-# validate :academic_email
+  # validate :academic_email
   validate :mail_checker
 
   # NB: only Persons and Admins can get a confirmation email and confirm their email.
@@ -117,6 +117,12 @@ def name_abbreviation_length
     elsif type == 'Device'
         na.blank? || !na.length.between?(2, 6)  && errors.add(:name_abbreviation,
         "has to be 2 to 6 characters long")
+    elsif type == 'Anonymous'
+        na.blank? || !na.length.between?(2, 5)  && errors.add(:name_abbreviation,
+        "has to be 2 to 5 characters long")
+      elsif type == 'Collaborator'
+        na.blank? || !na.length.between?(2, 5)  && errors.add(:name_abbreviation,
+        "has to be 2 to 5 characters long")
     else
       na.blank? || !na.length.between?(2, 3)  && errors.add(:name_abbreviation,
         "has to be 2 to 3 characters long")
@@ -135,6 +141,10 @@ def mail_checker
     )
   end
 
+  def orcid
+    profile.data&.fetch('ORCID', nil)
+  end
+
   def owns_collections?(collections)
     collections.pluck(:user_id).uniq == [id]
   end
@@ -211,6 +221,68 @@ def all_sync_in_collections_users
     SyncCollectionsUser.where("user_id IN (?) ", [self.id]+self.groups.pluck(:id))
   end
 
+  def self.is_public
+    self.find_by(email: ENV['SYS_EMAIL'])
+  end
+
+  # TODO: mv to initializers
+  def self.reviewer_ids
+    (ENV['REVIEWERS'] || '').split(',').map(&:to_i)
+  end
+
+  def is_article_editor
+    (ENV['NEWSROOM_EDITOR'] || "").split(",").include?(self.id.to_s)
+  end
+
+  def is_howto_editor
+    (ENV['HOWTO_EDITOR'] || "").split(",").include?(self.id.to_s)
+  end
+
+  def pending_collection
+    su_id = User.chemotion_user.id
+    Collection.joins(
+      "INNER JOIN sync_collections_users ON " +
+      "sync_collections_users.collection_id = collections.id")
+      .where("sync_collections_users.shared_by_id = #{su_id}")
+      .where("sync_collections_users.user_id = #{self.id}")
+      .where("collections.label = 'Pending Publications'").first
+  end
+
+  def reviewing_collection
+    su_id = User.chemotion_user.id
+    Collection.joins(
+      "INNER JOIN sync_collections_users ON " +
+      "sync_collections_users.collection_id = collections.id")
+      .where("sync_collections_users.shared_by_id = #{su_id}")
+      .where("sync_collections_users.user_id = #{self.id}")
+      .where("collections.label = 'Reviewing'").first
+  end
+
+  def published_collection
+    su_id = User.chemotion_user.id
+    Collection.joins("INNER JOIN sync_collections_users ON sync_collections_users.collection_id = collections.id")
+              .where("sync_collections_users.shared_by_id = #{su_id}")
+              .where("sync_collections_users.user_id = #{self.id}")
+              .where("collections.label = 'Published Elements'").first
+  end
+
+  def publication_embargo_collection
+    su_id = User.chemotion_user.id
+    Collection.joins("INNER JOIN sync_collections_users ON sync_collections_users.collection_id = collections.id")
+              .where("sync_collections_users.shared_by_id = #{su_id}")
+              .where("sync_collections_users.user_id = #{self.id}")
+              .where("collections.label = 'Embargoed Publications'").first
+  end
+
+  def all_collection
+    Collection.where(user: self, label: 'All', is_locked: true, position: 0)&.first
+
+  end
+
+  def self.chemotion_user
+    find_by(email: ENV['SYS_EMAIL'])
+  end
+
   def current_affiliations
     Affiliation.joins(
      "INNER JOIN user_affiliations ua ON ua.affiliation_id = affiliations.id"
@@ -236,12 +308,43 @@ def molecule_editor
   # - add subcollections
   # - delete it
   def create_all_collection
+    return if self.type == 'Anonymous'
     Collection.create(user: self, label: 'All', is_locked: true, position: 0)
   end
 
   def create_chemotion_public_collection
     return unless self.type == 'Person'
-    Collection.create(user: self, label: 'chemotion.net', is_locked: true, position: 1)
+    chemotion_user = User.chemotion_user
+    # Collection.create(user: self, label: 'chemotion.net', is_locked: true, position: 1)
+    Collection.find_or_create_by(user: self, label: 'ELN Gate', is_locked: true, position: 1)
+    Collection.find_or_create_by(user: self, label: 'My Data', is_locked: true, position: 2)
+
+    sys_published_by = Collection.find_or_create_by(user_id: chemotion_user, label: 'Published by')
+    sys_pending_from = Collection.find_or_create_by(user_id: chemotion_user, label: 'Pending Publication from')
+    sys_reviewing_from = Collection.find_or_create_by(user_id: chemotion_user, label: 'Reviewing Publication from')
+    sys_ready_publish_from = Collection.find_or_create_by(user_id: chemotion_user, label: 'Embargoed Publications from')
+
+    sys_reviewing_collection = self.reviewing_collection || Collection.create(user: chemotion_user, label: 'Reviewing', ancestry: "#{sys_reviewing_from.id}")
+    sys_pending_collection = self.pending_collection || Collection.create(user: chemotion_user, label: 'Pending Publications', ancestry: "#{sys_pending_from.id}")
+    sys_published_collection = self.published_collection || Collection.create(user: chemotion_user, label: 'Published Elements', ancestry: "#{sys_published_by.id}")
+    sys_publication_embargo_collection = self.publication_embargo_collection || Collection.create(user: chemotion_user, label: 'Embargoed Publications', ancestry: "#{sys_ready_publish_from.id}")
+
+    root_label = "with %s" %chemotion_user.name_abbreviation
+    root_collection_attributes = {
+      label: root_label,
+      user: self,
+      shared_by_id: chemotion_user.id,
+      is_locked: true,
+      is_shared: true
+    }
+    rc = Collection.find_or_create_by(root_collection_attributes)
+
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: Collection.public_collection_id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: Collection.scheme_only_reactions_collection.id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: sys_published_collection.id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: sys_pending_collection.id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: sys_reviewing_collection.id, permission_level: 3, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    SyncCollectionsUser.find_or_create_by(user: self, shared_by_id: chemotion_user.id, collection_id: sys_publication_embargo_collection.id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
   end
 
   def set_account_active
diff --git a/app/models/users_collaborator.rb b/app/models/users_collaborator.rb
new file mode 100644
index 000000000..5179992d6
--- /dev/null
+++ b/app/models/users_collaborator.rb
@@ -0,0 +1,11 @@
+# == Schema Information
+#
+# Table name: users_collaborators
+#
+#  id              :integer          not null, primary key
+#  user_id         :integer
+#  collaborator_id :integer
+#
+
+class UsersCollaborator < ActiveRecord::Base
+end
diff --git a/app/publish/datacite_metadata_analysis.html.erb b/app/publish/datacite_metadata_analysis.html.erb
new file mode 100644
index 000000000..1b2f0285a
--- /dev/null
+++ b/app/publish/datacite_metadata_analysis.html.erb
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:analysis][:DOI]}"%></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= (element.extended_metadata['kind'] || '').split('|').pop %> (<%= parent_element.molecule.iupac_name %>)</title>
+    <title titleType="AlternativeTitle"><%= parent_element.molecule.inchistring %></title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= Time.now.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <subjects>
+    <subject>Chemistry</subject>
+  </subjects>
+  <language>en</language>
+
+  <resourceType resourceTypeGeneral="Dataset">Dataset</resourceType>
+  <version>1</version>
+  <rightsList>
+    <rights xml:lang="en-US" schemeURI="<%= rights[:schemeURI] %>" rightsIdentifierScheme="<%= rights[:rightsIdentifierScheme] %>" rightsIdentifier="<%= rights[:rightsIdentifier] %>" rightsURI="<%= rights[:rightsURI] %>"><%= rights[:rightsName] %></rights>
+  </rightsList>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      dataset for <%= (element.extended_metadata['kind'] || '').split('|').pop %><br />
+      <%= element.extended_metadata['description'] %>
+      <%= Chemotion::QuillToHtml.new.convert(element.extended_metadata['content']) %>
+    </description>
+  </descriptions>
+
+  <relatedIdentifiers>
+    <%# <% publication.sample.citations.each do |c| %1> %>
+    <%#   <relatedIdentifier relatedIdentifierType="DOI" relationType="IsSupplementTo"><%= c.doi %1></relatedIdentifier> %>
+    <%# <% end %1> %>
+    <relatedIdentifier relatedIdentifierType="DOI" relationType="IsPartOf"><%= "#{dois[:parent_element][:DOI]}" %></relatedIdentifier>
+
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/datacite_metadata_container.html.erb b/app/publish/datacite_metadata_container.html.erb
new file mode 100644
index 000000000..8750ea045
--- /dev/null
+++ b/app/publish/datacite_metadata_container.html.erb
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:analysis][:DOI]}"%></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= (element.extended_metadata['kind'] || '').split('|').pop %> (<%= parent_element.molecule.iupac_name %>)</title>
+    <title titleType="AlternativeTitle"><%= parent_element.molecule.inchistring %>)</title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= Time.now.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <subjects>
+    <subject>Chemistry</subject>
+  </subjects>
+  <language>en</language>
+  <resourceType resourceTypeGeneral="Dataset">Dataset</resourceType>
+  <version>1</version>
+  <rightsList>
+    <rights xml:lang="en-US" schemeURI="<%= rights[:schemeURI] %>" rightsIdentifierScheme="<%= rights[:rightsIdentifierScheme] %>" rightsIdentifier="<%= rights[:rightsIdentifier] %>" rightsURI="<%= rights[:rightsURI] %>"><%= rights[:rightsName] %></rights>
+  </rightsList>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      dataset for <%= (element.extended_metadata['kind'] || '').split('|').pop %><br />
+      <%= element.extended_metadata['description'] %>
+      <%= Nokogiri::HTML( Chemotion::QuillToHtml.new.convert(element.extended_metadata['content'])).text %>
+    </description>
+  </descriptions>
+  <relatedIdentifiers>
+    <%# <% publication.sample.citations.each do |c| %1> %>
+    <%#   <relatedIdentifier relatedIdentifierType="DOI" relationType="IsSupplementTo"><%= c.doi %1></relatedIdentifier> %>
+    <%# <% end %1> %>
+    <relatedIdentifier relatedIdentifierType="DOI" relationType="IsPartOf"><%= "#{dois[:parent_element][:DOI]}" %></relatedIdentifier>
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/datacite_metadata_reaction.html.erb b/app/publish/datacite_metadata_reaction.html.erb
new file mode 100644
index 000000000..efb305dac
--- /dev/null
+++ b/app/publish/datacite_metadata_reaction.html.erb
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:reaction][:DOI]}" %></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= element.products_short_rinchikey %></title>
+    <title titleType="AlternativeTitle"><%= element.rinchi_short_key %></title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= element.created_at.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <dates>
+  <date dateType="Created"><%= element.created_at %></date>
+  </dates>
+
+  <subjects>
+    <subject>chemical reaction: structures conditions</subject>
+  </subjects>
+  <language>en</language>
+
+  <resourceType resourceTypeGeneral="Workflow">reaction conditions</resourceType>
+  <version>1</version>
+  <rightsList>
+    <rights xml:lang="en-US" schemeURI="<%= rights[:schemeURI] %>" rightsIdentifierScheme="<%= rights[:rightsIdentifierScheme] %>" rightsIdentifier="<%= rights[:rightsIdentifier] %>" rightsURI="<%= rights[:rightsURI] %>"><%= rights[:rightsName] %></rights>
+  </rightsList>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      <%= REXML::Text.new(Nokogiri::HTML( Chemotion::QuillToHtml.new.convert(element.description.to_json)).text, false, nil, false).to_s %>
+    </description>
+  </descriptions>
+
+  <relatedIdentifiers>
+    <% dois[:analyses_dois].each do |_, ds| %>
+      <relatedIdentifier relatedIdentifierType="DOI" relationType="HasPart"><%= "#{ds[:DOI]}" %></relatedIdentifier>
+    <% end %>
+    <% dois['samples'].each do |sid, doi| %>
+      <relatedIdentifier relatedIdentifierType="DOI" relationType="HasPart"><%= "#{doi[:sample][:DOI]}" %></relatedIdentifier>
+    <% end %>
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/datacite_metadata_reaction_container.html.erb b/app/publish/datacite_metadata_reaction_container.html.erb
new file mode 100644
index 000000000..647d74f2f
--- /dev/null
+++ b/app/publish/datacite_metadata_reaction_container.html.erb
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:analysis][:DOI]}"%></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= (element.extended_metadata['kind'] || '').split('|').pop %></title>
+    <title titleType="AlternativeTitle"><%= parent_element.doi.inchikey %></title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= Time.now.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <subjects>
+    <subject>Chemistry</subject>
+  </subjects>
+  <language>en</language>
+  <resourceType resourceTypeGeneral="Dataset">Dataset</resourceType>
+  <version>1</version>
+  <rightsList>
+    <rights xml:lang="en-US" schemeURI="<%= rights[:schemeURI] %>" rightsIdentifierScheme="<%= rights[:rightsIdentifierScheme] %>" rightsIdentifier="<%= rights[:rightsIdentifier] %>" rightsURI="<%= rights[:rightsURI] %>"><%= rights[:rightsName] %></rights>
+  </rightsList>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      dataset for <%= (element.extended_metadata['kind'] || '').split('|').pop %><br />
+      <%= element.extended_metadata['description'] %>
+      <%= Nokogiri::HTML( Chemotion::QuillToHtml.new.convert(element.extended_metadata['content'])).text %>
+    </description>
+  </descriptions>
+  <relatedIdentifiers>
+    <%# <% publication.sample.citations.each do |c| %1> %>
+    <%#   <relatedIdentifier relatedIdentifierType="DOI" relationType="IsSupplementTo"><%= c.doi %1></relatedIdentifier> %>
+    <%# <% end %1> %>
+    <relatedIdentifier relatedIdentifierType="DOI" relationType="IsPartOf"><%= "#{dois[:parent_element][:DOI]}" %></relatedIdentifier>
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/datacite_metadata_sample.html.erb b/app/publish/datacite_metadata_sample.html.erb
new file mode 100644
index 000000000..aa3acf1cc
--- /dev/null
+++ b/app/publish/datacite_metadata_sample.html.erb
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:sample][:DOI]}" %></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= element.molecule_name.name %></title>
+    <title titleType="AlternativeTitle"><%= element.molecule.inchistring %></title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= element.created_at.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <dates>
+  <date dateType="Created"><%= element.created_at %></date>
+  </dates>
+
+  <subjects>
+    <subject>Chemistry</subject>
+  </subjects>
+  <language>en</language>
+
+  <resourceType resourceTypeGeneral="Dataset">Molecule</resourceType>
+  <version>1</version>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      This dataset contains experimental data from a sample (<%= element.molecule.iupac_name.present? ? "#{element.molecule.iupac_name}, " : '' %><%= element.molecule.inchistring %>).<br />
+      The datasets from the following experiments are available:<br />
+      <% element.analyses.each do |analysis| %>
+      <%= (analysis.extended_metadata['kind'] || '').split('|').pop %><br />
+      <% end %>
+    </description>
+  </descriptions>
+
+  <relatedIdentifiers>
+    <% dois[:analyses_dois].each do |_, ds| %>
+      <relatedIdentifier relatedIdentifierType="DOI" relationType="HasPart"><%= "#{ds[:DOI]}" %></relatedIdentifier>
+    <% end %>
+    <% if parent_element.presence %>
+      <relatedIdentifier relatedIdentifierType="DOI" relationType="IsPartOf"><%= "#{parent_element.full_doi}" %></relatedIdentifier>
+    <% end %>
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/datacite_metadata_sample_container.html.erb b/app/publish/datacite_metadata_sample_container.html.erb
new file mode 100644
index 000000000..8435fee2c
--- /dev/null
+++ b/app/publish/datacite_metadata_sample_container.html.erb
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<resource xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://datacite.org/schema/kernel-4" xsi:schemaLocation="http://datacite.org/schema/kernel-4 http://schema.datacite.org/meta/kernel-4.3/metadata.xsd">
+  <identifier identifierType="DOI"><%= "#{dois[:analysis][:DOI]}"%></identifier>
+  <creators>
+    <% pub_tag['creators'].each do |creator| %>
+    <creator>
+      <creatorName nameType="Personal"><%= creator['familyName'] %>, <%= creator['givenName'] %></creatorName>
+      <givenName><%= creator['givenName'] %></givenName>
+      <familyName><%= creator['familyName'] %></familyName>
+      <% if creator['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=creator['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if (aff_ids = creator['affiliationIds']).present? then aff_ids.each do |aff_id| %>
+      <affiliation><%=pub_tag['affiliations'][aff_id.to_s]%></affiliation>
+      <% end %>
+      <% end %>
+    </creator>
+    <% end %>
+  </creators>
+  <titles>
+    <title xml:lang="en-US"><%= (element.extended_metadata['kind'] || '').split('|').pop %> (<%= parent_element.molecule.iupac_name %>)</title>
+    <title titleType="AlternativeTitle"><%= parent_element.molecule.inchistring %></title>
+  </titles>
+  <publisher>chemotion.net</publisher>
+  <publicationYear><%= Time.now.strftime("%Y") %></publicationYear>
+  <% if pub_tag['contributors'].present? %>
+  <contributors>
+    <contributor contributorType="Researcher">
+      <contributorName><%= pub_tag['contributors']['familyName'] %>, <%= pub_tag['contributors']['givenName'] %></contributorName>
+      <givenName><%= pub_tag['contributors']['givenName'] %></givenName>
+      <familyName><%= pub_tag['contributors']['familyName'] %></familyName>
+      <% if pub_tag['contributors']['ORCID'].present? %>
+      <nameIdentifier schemeURI="http://orcid.org/" nameIdentifierScheme="ORCID"><%=pub_tag['contributors']['ORCID']%></nameIdentifier>
+      <% end %>
+      <% if pub_tag['contributors'] && pub_tag['contributors']['affiliations'].present? then pub_tag['contributors']['affiliations'].each do |aff| %>
+      <affiliation><%= aff %></affiliation>
+      <% end %>
+      <% end %>
+    </contributor>
+  </contributors>
+  <% end %>
+  <subjects>
+    <subject>Chemistry</subject>
+  </subjects>
+  <language>en</language>
+  <resourceType resourceTypeGeneral="Dataset">Dataset</resourceType>
+  <version>1</version>
+  <rightsList>
+    <rights xml:lang="en-US" schemeURI="<%= rights[:schemeURI] %>" rightsIdentifierScheme="<%= rights[:rightsIdentifierScheme] %>" rightsIdentifier="<%= rights[:rightsIdentifier] %>" rightsURI="<%= rights[:rightsURI] %>"><%= rights[:rightsName] %></rights>
+  </rightsList>
+  <descriptions>
+    <description xml:lang="en-US" descriptionType="Abstract">
+      dataset for <%= (element.extended_metadata['kind'] || '').split('|').pop %><br />
+      <%= element.extended_metadata['description'] %>
+      <%= Nokogiri::HTML( Chemotion::QuillToHtml.new.convert(element.extended_metadata['content'])).text %>
+    </description>
+  </descriptions>
+  <relatedIdentifiers>
+    <%# <% publication.sample.citations.each do |c| %1> %>
+    <%#   <relatedIdentifier relatedIdentifierType="DOI" relationType="IsSupplementTo"><%= c.doi %1></relatedIdentifier> %>
+    <%# <% end %1> %>
+    <relatedIdentifier relatedIdentifierType="DOI" relationType="IsPartOf"><%= "#{dois[:parent_element][:DOI]}" %></relatedIdentifier>
+  </relatedIdentifiers>
+</resource>
diff --git a/app/publish/pubchem_metadata.sdf.erb b/app/publish/pubchem_metadata.sdf.erb
new file mode 100644
index 000000000..d42b0c753
--- /dev/null
+++ b/app/publish/pubchem_metadata.sdf.erb
@@ -0,0 +1,17 @@
+<%= sample.molfile_pubchem %>
+> <Unique_ID>
+<%= sample.molecule.inchikey %>
+
+> <PUBCHEM_SUBSTANCE_SYNONYM>
+doi:<%= sample.full_doi %>
+
+> <PUBCHEM_EXT_DATASOURCE_URL>
+http://www.chemotion.net
+
+> <PUBCHEM_EXT_SUBSTANCE_URL>
+https://dx.doi.org/<%= sample.full_doi %>
+
+> <PUBCHEM_EXT_DATASOURCE_REGID>
+<%= sample.full_doi %>
+
+$$$$
diff --git a/app/search/all_element_search.rb b/app/search/all_element_search.rb
index 5269c2cd6..63df18ba1 100644
--- a/app/search/all_element_search.rb
+++ b/app/search/all_element_search.rb
@@ -1,5 +1,5 @@
 class AllElementSearch
-  PG_ELEMENTS = %w[Sample Reaction Screen Wellplate]
+  PG_ELEMENTS = %w[Sample Reaction] # Screen Wellplate]
 
   def initialize(term)
     @term = term
@@ -26,20 +26,50 @@ def empty?
 
     def by_collection_id(id, current_user)
       types = if (prof = current_user&.profile&.data)
-                (prof.fetch('layout', {}).keys.map(&:capitalize)) & PG_ELEMENTS
+                (prof.fetch('layout', {'sample' => 1, 'reaction' => 2}).keys.map(&:capitalize)) & PG_ELEMENTS
               else
                 PG_ELEMENTS
               end
+      sample_filter =
+        # <<~SQL
+          " searchable_id in ( " \
+          " SELECT samples.id FROM samples " \
+          " INNER JOIN collections_samples cs on cs.collection_id = #{id} and cs.sample_id = samples.id and cs.deleted_at ISNULL " \
+          " EXCEPT " \
+          " SELECT samples.id FROM samples " \
+          " INNER JOIN reactions_samples rs on rs.sample_id = samples.id and rs.type not in ('ReactionsProductSample') " \
+          " WHERE rs.deleted_at ISNULL " \
+          " )"
+        # SQL
+      reaction_filter =
+        # <<~SQL
+          " searchable_id in ( " \
+          " SELECT reactions.id FROM reactions " \
+          " INNER JOIN collections_reactions cr on cr.collection_id = #{id} and cr.reaction_id = reactions.id and cr.deleted_at ISNULL " \
+          " INNER JOIN reactions_samples rs on rs.reaction_id = reactions.id and rs.type in ('ReactionsProductSample') and rs.deleted_at ISNULL " \
+          " )"
+        # SQL
       first_type = types.first
       query = "(searchable_type = '#{first_type}' AND searchable_id IN (" \
                 "SELECT #{first_type}_id FROM collections_#{first_type}s "\
                 "WHERE collection_id = #{id} AND deleted_at IS NULL))"
+
+      query = "(searchable_type = '#{first_type}' AND #{sample_filter} )" if (first_type === 'Sample')
+      query = "(searchable_type = '#{first_type}' AND #{reaction_filter} )" if (first_type === 'Reaction')
+
       if (types.count > 1)
         types[1..-1].each { |type|
-          query = query +
-                  " OR (searchable_type = '#{type}' AND searchable_id IN (" \
-                  "SELECT #{type}_id FROM collections_#{type}s "\
-                  "WHERE collection_id = #{id} AND deleted_at IS NULL))"
+          case type
+          when 'Sample'
+            query = query + " OR (searchable_type = '#{type}' AND #{sample_filter} )"
+          when 'Reaction'
+            query = query + " OR (searchable_type = '#{type}' AND #{reaction_filter} )"
+          else
+            query = query +
+                    " OR (searchable_type = '#{type}' AND searchable_id IN (" \
+                    "SELECT #{type}_id FROM collections_#{type}s "\
+                    "WHERE collection_id = #{id} AND deleted_at IS NULL))"
+          end
         }
       end
 
diff --git a/app/serializers/container_serializer.rb b/app/serializers/container_serializer.rb
index bf8db0dc8..78cfcca22 100644
--- a/app/serializers/container_serializer.rb
+++ b/app/serializers/container_serializer.rb
@@ -59,15 +59,21 @@ def get_extended_metadata(container)
   end
 
   def preview_img(container = object)
-    first_child = container&.children&.first
-    has_dataset = first_child && first_child.container_type == 'dataset'
-    return 'not available' unless has_dataset
-
-    attachment = first_child.attachments.find do |att|
-      att.thumb && att.content_type&.match(Regexp.union(%w[jpg jpeg png tiff]))
+    dataset_ids = (container && container.children.map { |ds| ds.container_type == 'dataset' && ds.id }) || {}
+    return 'not available' if dataset_ids.empty?
+    attachments = Attachment.where_container(dataset_ids).to_a
+    attachments = attachments.select do |a|
+      a.thumb == true && a.attachable_type == 'Container' && dataset_ids.include?(a.attachable_id)
+    end
+    image_atts = attachments.select do |a_img|
+      a_img&.content_type&.match(Regexp.union(%w[jpg jpeg png tiff]))
     end
-    attachment ||= first_child.attachments.find(&:thumb)
+
+    attachment = image_atts.find(&:non_jcamp?).presence || image_atts[0]
+    attachment ||= attachments.find(&:non_jcamp?).presence || attachments[0]
+
     preview = attachment.read_thumbnail if attachment
     preview && Base64.encode64(preview) || 'not available'
+
   end
 end
diff --git a/app/serializers/molecule_guest_list_serializer.rb b/app/serializers/molecule_guest_list_serializer.rb
new file mode 100644
index 000000000..a0595d472
--- /dev/null
+++ b/app/serializers/molecule_guest_list_serializer.rb
@@ -0,0 +1,4 @@
+class MoleculeGuestListSerializer < ActiveModel::Serializer
+  attributes :id, :iupac_name, :inchikey, :inchistring, :sum_formular,
+              :molecule_svg_file, :tag, :sample_svg_file
+end
diff --git a/app/serializers/molecule_guest_serializer.rb b/app/serializers/molecule_guest_serializer.rb
new file mode 100644
index 000000000..981e8430c
--- /dev/null
+++ b/app/serializers/molecule_guest_serializer.rb
@@ -0,0 +1,4 @@
+class MoleculeGuestSerializer < ActiveModel::Serializer
+  attributes :id, :iupac_name, :inchikey, :inchistring, :sum_formular,
+    :molecule_svg_file, :molecular_weight, :cano_smiles, :tag, :exact_molecular_weight
+end
diff --git a/app/serializers/reaction_guest_list_serializer.rb b/app/serializers/reaction_guest_list_serializer.rb
new file mode 100644
index 000000000..11b861ad2
--- /dev/null
+++ b/app/serializers/reaction_guest_list_serializer.rb
@@ -0,0 +1,3 @@
+class ReactionGuestListSerializer < ActiveModel::Serializer
+  attributes :id, :name, :reaction_svg_file, :tag
+end
diff --git a/app/serializers/sample_policy_serializable.rb b/app/serializers/sample_policy_serializable.rb
index 87a002755..de59530f3 100644
--- a/app/serializers/sample_policy_serializable.rb
+++ b/app/serializers/sample_policy_serializable.rb
@@ -6,6 +6,7 @@ module SamplePolicySerializable
 
     def initialize(element, options={})
       original_initialize(element)
+      @element = element
       @policy = options.class == Hash && options[:policy]
     end
 
@@ -14,7 +15,13 @@ def can_update
     end
 
     def can_publish
-      @policy && @policy.try(:destroy?)
+      cp = @policy && @policy.try(:destroy?)
+      # return false if !%w[Sample Reaction].include?(@element.class.name)      ####
+      # || (@element.class.name == 'Sample' && @element.reactions&.length > 0)  ####
+
+      pub = Publication.find_by(element: @element)
+      return cp if pub.nil? || pub&.state == 'reviewed'
+      false
     end
   end
 end
diff --git a/app/serializers/sync_collection_remote_serializer.rb b/app/serializers/sync_collection_remote_serializer.rb
index e7bac5ea6..97b06cebd 100644
--- a/app/serializers/sync_collection_remote_serializer.rb
+++ b/app/serializers/sync_collection_remote_serializer.rb
@@ -2,6 +2,7 @@ class SyncCollectionRemoteSerializer < ActiveModel::Serializer
   attributes :id, :label, :is_shared, :shared_by_id, :is_locked,
     :permission_level, :sample_detail_level, :reaction_detail_level,
     :wellplate_detail_level, :screen_detail_level, :shared_by, :shared_to
+  attributes  :is_public
 
   has_many :children
 
@@ -10,8 +11,7 @@ def children
   end
 
   def shared_by
-    sharing_user = User.find_by(id: object.shared_by_id) || User.new
-    UserSimpleSerializer.new(sharing_user).serializable_hash.deep_symbolize_keys
+    UserSimpleSerializer.new(sharer).serializable_hash.deep_symbolize_keys
   end
 
   def shared_to
@@ -19,4 +19,12 @@ def shared_to
       UserSimpleSerializer.new(object.user).serializable_hash.deep_symbolize_keys
     end
   end
+
+  def is_public
+    !sharer.email.blank? && sharer.email == ENV['SYS_EMAIL']
+  end
+
+  def sharer
+    @sharer ||= User.find_by(id: object.shared_by_id) || User.new
+  end
 end
diff --git a/app/views/devise/sessions/new.html.haml b/app/views/devise/sessions/new.html.haml
index f2c207204..c710d98aa 100644
--- a/app/views/devise/sessions/new.html.haml
+++ b/app/views/devise/sessions/new.html.haml
@@ -19,4 +19,4 @@
       = f.submit "Log in", class: 'btn btn-primary'
   = render "devise/shared/links"
 
-  = link_to "Back", root_path
+  = link_to "Back", home_path
diff --git a/app/views/devise/shared/_affiliations.html.haml b/app/views/devise/shared/_affiliations.html.haml
index 2d30c1ec7..e034a5877 100644
--- a/app/views/devise/shared/_affiliations.html.haml
+++ b/app/views/devise/shared/_affiliations.html.haml
@@ -1,21 +1,17 @@
 %script{:src => asset_path('affiliations.js')}
 .form-group.field
-  = f.label "Country"
+  = f.label "Country", class: "required"
   %br/
   = f.text_field :country, autofocus: true, class: 'form-control',
-      id: 'country-select'
+      id: 'country-select', required: true
 .form-group.field
   = f.label "Organization", class: "required"
   %br/
   = f.text_field :organization, autofocus: true, class: 'form-control',
-      id: 'organization-select', required: true, disabled: disabled
+      id: 'organization-select', required: true, readonly: disabled
 .form-group.field
   = f.label "Department"
   %br/
   = f.text_field :department, autofocus: true, class: 'form-control',
       id: 'department-select'
-.form-group.field
-  = f.label "Group"
   %br/
-  = f.text_field :group, autofocus: true, class: 'form-control',
-      id: 'group-select'
diff --git a/app/views/devise/shared/_pn_and_tos.html.haml b/app/views/devise/shared/_pn_and_tos.html.haml
index e69de29bb..ff23e43f6 100644
--- a/app/views/devise/shared/_pn_and_tos.html.haml
+++ b/app/views/devise/shared/_pn_and_tos.html.haml
@@ -0,0 +1,7 @@
+.panel.panel-primary
+  .panel-heading
+    %fieldset
+      %input{ type:"checkbox", required: true}
+      %label I have read and I accept the directive to use the service
+  .panel-body{style: 'height: 300px; overflow-y: scroll; '}
+    = render file: "#{Rails.public_path}/directives/directives.html", layout: false
diff --git a/app/views/layouts/root_layout.haml b/app/views/layouts/root_layout.haml
new file mode 100644
index 000000000..5fd972334
--- /dev/null
+++ b/app/views/layouts/root_layout.haml
@@ -0,0 +1,12 @@
+!!!
+%html
+  %head
+    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
+    %title Chemotion
+    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
+    = javascript_include_tag 'application', 'data-turbolinks-track' => true
+    = csrf_meta_tags
+  %body
+    = favicon_link_tag
+    .fluid-container
+      = yield
diff --git a/app/views/pages/_privacy_notice_and_terms_of_service.html b/app/views/pages/_privacy_notice_and_terms_of_service.html
new file mode 100644
index 000000000..2570e3afb
--- /dev/null
+++ b/app/views/pages/_privacy_notice_and_terms_of_service.html
@@ -0,0 +1,226 @@
+<h1>Directive to use the service <i>chemotion-repository</i>  </h1>
+<i>(last edited: 2019-11-04)</i>
+<br/><br/>
+By using the <i>chemotion</i>-website and the service of the <i>chemotion-repository</i>,
+you accept the following terms and conditions in full.
+If you disagree with these terms and conditions or any part of these terms and conditions,
+you must not use this website.
+Some parts of this website may be subject to additional terms and conditions which will be
+made available to you as appropriate.
+Parts of this website may use strictly necessary and session cookies.
+By using this website and agreeing to these terms
+and conditions, you consent to our use of cookies in accordance with the terms of
+<i>chemotion&apos;s</i> Privacy Policy.
+<br />
+The service <i>chemotion-repository</i> offers technical infrastructure to collect and
+share research data for chemical sciences.
+The data storage is accomplished by the service and all data are stored on servers of the
+KIT.
+The service allows a qualified realization of the recommendations of the German research
+foundation for the storage of research data.
+<br />
+Service provider is the Institute of Organic Chemistry (IOC) in collaboration with the
+Steinbuchs Centre for Computing (SCC) and the Library at the KIT in Karlsruhe. <br />
+<hr>
+
+<h2> 1. General </h2>
+
+<h3> 1.1 Authorization, registration and log-off</h3>
+
+Academic institutions are automatically recognized through the domain part of the email
+the user entered for registration. The users may use the service after their
+registration and confirmation of their email address. If the user&apos;s
+academic institution has not been properly recognized, the user shall communicate
+the error to the <i>chemotion-repository</i>. An email will also be sent to
+confirm the validity of the email address every time the user updates its email
+address on the portal and once a year. The administration of the individual
+authorization to use the service is carried out by the Institute of Organic
+Chemistry (KIT). The service providers will consider their right to check the
+correctness of the given data with respect to the affiliation and data of the
+user&apos;s registration. The log in and log off to the service is available
+via the website: <a href="https://chemotion.net/welcome/">chemotion-repository website</a>.
+
+<h3>1.2 Readability and availability of the stored data</h3>
+
+Research data are stored at the Steinbuch Centre for Computing (SCC) guaranteed
+until 2028. The <i>chemotion-repository</i> intends to prolong this period
+successively by additional contracts with the SCC but the decision on any
+prolongation and the duration will be made solely by the two partners
+<i>chemotion-repository</i> and the SCC.
+The SCC makes every effort to ensure the best possible technical prerequisites
+for a long life of the data (best effort) with the available resources.
+These include, inter alia, adequate air conditioning, uninterrupted power supply,
+ and building protection.
+
+<h3>1.3 Admission</h3>
+
+The user accesses the <i>chemotion-repository</i> after registering on the website
+and successfully logging on. When registering, the operator checks the data
+and the agreement to use the service with the respective home institution.
+The user can access his data at any time as long as he has a valid access.
+
+<h3>1.4. Protocols</h3>
+
+HTTPS is enforced at all time.
+
+<h3>1.5 Deletion of files  and content by users</h3>
+
+Files (content unpublished) that are stored in the repository in general can
+be deleted or changed by the user at any time.
+Files and data which are published (content published) cannot be deleted or changed anymore.
+The user agrees that those data (which are selected by the user individually) will be registered at DataCite (with retrieval of a DOI) and Pubchem (Pubchem substance SID).
+Authors should contact the repository curator at <span>chemotion&commat;ioc.kit.edu</span> if they need to retract or amend published content.
+<h3>1.6 Maximum of data storage</h3>
+
+The data size per user is limited up to date to 10 GB. The operator will adapt
+allowed data size if this will be necessary in future.
+
+<h3>1.7 Costs and fees</h3>
+
+There are no fees or costs for the users
+
+<h3>1.8 Support via <i>chemotion</i></h3>
+
+The provider will offer service for the use of the repository as long as the
+resources allow the support. The user is expected to familiarize with the given
+website and its applications. Support is available via the email address: <span>chemotion&commat;ioc.kit.edu</span>.
+<hr />
+
+
+<h2>2. Data content</h2>
+
+<h3>2.1 Responsibility for data contents</h3>
+
+There are two types of contributed contents, unpublished and published contributed contents. <br>
+User contributed content (unpublished): the user may upload user data which are not visible for other users, this content is visible only if the user is logged in or if he/she shares the content with other users.
+User contributed content (published): If the user selects single items or item groups to publish, the content will become available as open access for other users. The contents will be visible for the public and registered users will be able to download the content including the provided files.
+All uploaded contents are stored by the user in person. The data stored by him/her are always linked to the user&apos;s account data in the database of the storage system. Even if the account of a user is deleted, the connection of the stored data to the user&apos;s username (as defined with the registration) will be conserved.
+<ul>
+  <li>The user of the service is solely responsible for the contents of the contributed content of any type. </li>
+  <li>The user is obligated to observe the legal regulations when storing sensitive and personal data. </li>
+  <li>The uploaded user content must not be illegal or unlawful, must not infringe any third party&apos;s
+     legal rights, and must not be capable of giving rise to legal action whether against you
+     or <i>chemotion-repository</i> or a third party (in each case under any applicable law).
+  </li>
+  <li>You must not submit any user content to the website that is or has ever been the subject of any threatened or actual legal proceedings or other similar complaint. </li>
+</ul>
+
+<i>chemotion-repository</i> reserves the right to edit or remove any material submitted to this website, or stored on <i>chemotion-repository</i> servers, or hosted or published upon this website.
+
+<h3>2.2 User contributed content (unpublished) </h3>
+
+User contributed content that is not published by the user is considered to be
+private unless the user  shares the content which means that the user allows
+selected other users to view, edit, copy and store the users data.
+The user adapts the sharing options according to these actions and accepts
+that a sharing of content means always the disclosure of confidential content to others.
+
+<h3>2.3 User contributed content (published) </h3>
+
+In these terms and conditions, &apos;your published user content&apos; means
+material (including without limitation text, images, audio material, video
+material and audio-visual material) that you submit to this website by using
+the function &apos;publish&apos;. You grant to <i>chemotion-repository</i>,
+a worldwide, irrevocable, non-exclusive, royalty-free license to use, reproduce,
+adapt, publish, translate and distribute your user content in any existing or
+future media. You also grant to <i>chemotion-repository</i>
+the right to sub-license these rights, and the right to bring an action
+for infringement of these rights.
+<hr>
+
+<h2>3. Use of the repository</h2>
+Unless otherwise stated, <i>chemotion-repository</i> and/or its contributors own
+the intellectual property rights in the website and material on the website.
+Subject to the license below, all these intellectual property rights are reserved.
+<br />
+Each content contributed and published by a user is made available under one of
+the following licenses that the contributing user has chosen during the publication process:
+<ul>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/" >
+      <img src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" style="border-style: none;" alt="CC BY SA" />
+      Creative Commons Attribution-ShareAlike 4.0 International License
+    </a>
+  </li>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="https://creativecommons.org/licenses/by/4.0/" >
+      <img src="https://i.creativecommons.org/l/by/4.0/80x15.png" style="border-style: none;" alt="CC BY" />
+      Creative Commons Attribution 4.0
+    </a>
+  </li>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="http://creativecommons.org/publicdomain/zero/1.0/" >
+      <img src="https://licensebuttons.net/p/zero/1.0/80x15.png" style="border-style: none;" alt="CC0" />
+      CC0 1.0 Universal
+    </a>
+  </li>
+</ul>
+<br>
+You must not
+<ul>
+  <li> use material other than the DOIs from this website for any publication without
+    attribution or republish material from this website (including republication on another website)
+    without attribution (e.g. &apos;reused from Chemotion-Repository KIT&apos;) unless the material has been released under CC0&nbsp;
+    <a rel="license noopener noreferrer external" target="_blank" href="http://creativecommons.org/publicdomain/zero/1.0/" >
+      <img src="https://licensebuttons.net/p/zero/1.0/80x15.png" style="border-style: none;" alt="CC0" />
+    </a>;
+  </li>
+  <li> sublicense material other than allowed under the original license (
+    <a rel="license external" href="https://wiki.creativecommons.org/wiki/License_Versions#No_sublicensing" target="_blank" rel="noopener noreferrer">
+      CC no sublicensing
+    </a>
+    ).
+  </li>
+</ul>
+
+<h3>3.1 Acceptable use</h3>
+
+You must not use this website in any way that causes, or may cause, damage to the website or impairment of the availability or accessibility of the website, or in any way which is unlawful, illegal, fraudulent or harmful, or in connection with any unlawful, illegal, fraudulent or harmful purpose or activity. <br>
+You must not use this website to copy, store, host, transmit, send, use, publish or distribute any material which consists of (or is linked to) any spyware, computer virus, Trojan horse, worm, keystroke logger, rootkit or other malicious computer software. <br>
+You must not conduct any systematic or automated data collection activities (including without limitation scraping, data mining, data extraction and data harvesting) on or in relation to this website without <i>chemotion-repository</i>&apos;s express written consent. <br>
+
+<h3>3.2 Restricted access</h3>
+
+Access to certain areas of this website may be restricted. <i>chemotion-repository</i> reserves the right to restrict access to areas of this website, or indeed this entire website, at <i>chemotion-repository&apos;s </i> discretion.
+<b>If <i>chemotion-repository</i> provides you with a user ID and password to enable you to access restricted areas of this website or other content or services, you must ensure that the user ID and password are kept confidential. </b>
+<br><i>Chemotion-repository</i> may disable your user ID and password in <i>chemotion-repository</i> sole discretion without notice or explanation.
+
+<h3>3.3 Copyright</h3>
+
+The content and works published on <i>chemotion-repository&apos;s </i> website, are governed by the copyright laws of Germany. Any duplication, processing, distribution or any form of utilization beyond the scope of copyright law shall require the prior written consent of the author or authors in question.
+
+<h3>3.4 DOI Ownership</h3>
+
+<i>Chemotion-repository</i> asserts no claims of ownership to Digital Object Identifiers (DOIs) acquired through the use of the <i>chemotion-repository</i>. Individual DOIs may be incorporated into the user&apos;s content and systems.
+
+<h3>3.5 No warranties</h3>
+
+This website is provided &apos;as is&apos; without any representations or warranties, express or implied. <i>Chemotion-repository</i> makes no representations or warranties in relation to this website or the information and materials provided on this website. <br>
+Without prejudice to the generality of the foregoing paragraph, <i>chemotion-repository</i> does not warrant that:
+<ul>
+  <li>this website will be constantly available, or available at all; or
+  <li>the information on this website is complete, true, accurate or non-misleading. </li>
+</ul>
+Nothing on this website constitutes, or is meant to constitute, advice of any kind.
+
+<h3>3.6 Limitations of liability</h3>
+
+<i>Chemotion-repository</i> will not be liable to you (whether under the law of contact, the law of torts or otherwise) in relation to the contents of, or use of, or otherwise in connection with, this website:
+<ul>
+  <li>for any direct loss; </li>
+  <li>for any indirect, special or consequential loss; or</li>
+  <li>for any business losses, loss of revenue, income, profits or anticipated savings, loss of contracts or business relationships, loss of reputation or goodwill, or loss or corruption of information or data. </li>
+</ul>
+<h3>3.7 Limitation of liability for internal content</h3>
+<i>Chemotion-repository</i> does not assume liability for the completeness or accuracy of any of the website. <i>Chemotion-repository</i>, as service provider, is liable for our own content on these pages in accordance with general laws. <i>Chemotion-repository</i> is not under obligation to monitor external information provided or stored on our website. Once aware of a specific infringement of the law, <i>chemotion-repository</i> will immediately remove the content in question. Any liability concerning this matter can only be assumed from the point in time at which the infringement becomes known to us.
+<h3>3.8 Limitation of liability for external links</h3>
+Our website contains links to the websites of third parties (&apos;external links&apos;). As the content of these websites is not under our control, we cannot assume any liability for such external content. In all cases, the provider of information of the linked websites is liable for the content and accuracy of the information provided. At the point in time when the links were placed, no infringements of the law were recognisable to us. As soon as an infringement of the law becomes known to us, we will immediately remove the link in question.<br>
+These limitations of liability apply even if you have been expressly advised of the potential loss.
+<h3>3.9 Indemnity</h3>
+You hereby indemnify <i>chemotion-repository</i> and undertake to keep <i>chemotion-repository</i> indemnified against any losses, damages, costs, liabilities and expenses (including without limitation legal expenses and any amounts paid by <i>chemotion-repository</i> to a third party in settlement of a claim or dispute arising out of any breach by you of any provision of these terms and conditions.
+<h3>3.10 Assignment</h3>
+<i>chemotion-repository</i> may transfer, sub-contract or otherwise deal with <i>chemotion-repository</i>&apos;s rights and/or obligations under these terms and conditions without notifying you or obtaining your consent. You may not transfer, sub-contract or otherwise deal with your rights and/or obligations under these terms and conditions.
+<h3>3.11 Breaches of these terms and conditions</h3>
+Without prejudice to <i>chemotion-repository&apos;s </i> other rights under these terms and conditions, if you breach these terms and conditions in any way, <i>chemotion-repository</i> may take such action as <i>chemotion-repository</i> deems appropriate to deal with the breach.
+<h3>3.12 Law and jurisdiction</h3>
+Use of this website and the interpretation of this Disclaimer shall be governed by and construed in accordance with the laws of Germany, without regard to conflict of law provisions. Any dispute arising out of this Agreement shall be resolved in the courts in Germany. Through your continued use of this website, you agree to submit to the personal jurisdiction of the courts of Germany. <i>Chemotion-repository</i> may change this Disclaimer at any time without notice to you and without liability to you or any other party. It is your responsibility to periodically check this Disclaimer for changes. If you do not agree to any changes made to the Disclaimer, you should cease use of this website. Continued use of this website signifies acceptance of any changes made to the Disclaimer.
diff --git a/app/views/pages/affiliations.haml b/app/views/pages/affiliations.haml
index f1fcff101..6f83f9075 100644
--- a/app/views/pages/affiliations.haml
+++ b/app/views/pages/affiliations.haml
@@ -25,7 +25,6 @@
             %th.col-xs-1 Country
             %th.col-xs-3 Organization
             %th.col-xs-2 Department
-            %th.col-xs-2 Group
             %th.col-xs-1 from
             %th.col-xs-1 to
             %th.col-xs-1
@@ -35,7 +34,6 @@
               %td= aff.affiliation.country
               %td= aff.affiliation.organization
               %td= aff.affiliation.department
-              %td= aff.affiliation.group
               %td{id: "aff_#{aff.id}_from", class: 'affiliation_from'}= aff.from.strftime("%b-%Y") if aff.from
               %td{id: "aff_#{aff.id}_to",   class: 'affiliation_to'  }= aff.to.strftime("%b-%Y") if aff.to
               %td
diff --git a/app/views/pages/directive.html.haml b/app/views/pages/directive.html.haml
new file mode 100644
index 000000000..ce70498c4
--- /dev/null
+++ b/app/views/pages/directive.html.haml
@@ -0,0 +1,5 @@
+.panel.panel-primary
+  .panel-heading
+    Directive to use the service
+  .panel-body{style: 'height: auto;  '}
+    = render 'pages/privacy_notice_and_terms_of_service'
diff --git a/app/views/pages/welcome.haml b/app/views/pages/mydb.haml
similarity index 97%
rename from app/views/pages/welcome.haml
rename to app/views/pages/mydb.haml
index f929129dd..f04a2a03f 100644
--- a/app/views/pages/welcome.haml
+++ b/app/views/pages/mydb.haml
@@ -1,4 +1,3 @@
 #chemdrawjs-container
 #app
 #modal
-
diff --git a/app/views/pages/profiles.haml b/app/views/pages/profiles.haml
index 4ace4ae05..73fe409ac 100644
--- a/app/views/pages/profiles.haml
+++ b/app/views/pages/profiles.haml
@@ -20,4 +20,4 @@
   %br/
   %br/
 
-  = link_to "Back", root_path
+  = link_to "Back", "/pages"
diff --git a/app/views/pages/root_page.html.erb b/app/views/pages/root_page.html.erb
new file mode 100644
index 000000000..b49304cbd
--- /dev/null
+++ b/app/views/pages/root_page.html.erb
@@ -0,0 +1,184 @@
+<nav class="navbar navbar-default">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" href="#">Chemotion</a>
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav">
+        <li class="active"><a href="/welcome">Home <span class="sr-only">(current)</span></a></li>
+        <li><a href="/home/about">About</a></li>
+        <li><a href="/home/newsroom">Newsroom</a></li>
+        <li style="display: none" ><a href="/howto">How-To&nbsp;<span class="label" style="background-color: #2495cf">trial</span></a></li>
+      </ul>
+      <ul class="nav navbar-nav navbar-right">
+        <li>
+          <a href="http://www.dfg.de/" class="dfg_logo">
+            Projects funded by
+            <%= image_tag "dfg_logo.png" %>
+          </a>
+        </li>
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  </div><!-- /.container-fluid -->
+</nav>
+
+
+<div class="main-image">
+   <p>
+     <%= image_tag "logo.png", id: 'logo-image' %> CHEMOTION
+  </p>
+  <p>
+     Electronic Laboratory Notebook & <br />
+     Repository for Research Data
+   </p>
+   <%= image_tag "molecule.png", id: 'molecule-image' %>
+</div>
+
+<br/>
+<br/>
+<br/>
+
+<div align="center" class="cards_flex">
+  <section class="cards_ary">
+    <article class="card_u card--1">
+      <div class="card__info-hover">
+        <div class="card__desc">
+          <p>View, edit, and export spectra<br/>from jcamp files</p>
+        </div>
+        <div class="card__try">
+          <a role="button" class="btn btn-primary" style="flex-grow: 3; font-size: 0.8vw;" href="http://eln.chemotion.net/chemspectra-editor">Try ChemSpectra</a>
+        </div>
+      </div>
+      <div class="card__img"></div>
+      <div class="card__img--hover"></div>
+      <div class="card__info">
+        <h4 class="card__title"><img src="../images/repo/logo.png" width="26" />&nbsp;ChemSpectra</h4>
+      </div>
+    </article>
+
+    <article class="card_u card--2">
+      <div class="card__info-hover">
+        <div class="card__desc">
+          <ul>
+            <li>Save your reactions and samples</li>
+            <li>Make calculations</li>
+            <li>Generate reports</li>
+            <li>Import your data with ChemScanner</li>
+          </ul>
+        </div>
+        <div class="card__try">
+          <a role="button" class="btn btn-primary" style="flex-grow: 3; font-size: 0.8vw;" href="http://eln.chemotion.net">Try our Electronic Lab Notebook</a>
+        </div>
+      </div>
+      <div class="card__img"></div>
+      <div class="card__img--hover"></div>
+      <div class="card__info">
+        <h4 class="card__title"><img src="../images/repo/logo.png" width="26" />&nbsp;Electronic Lab Notebook</h4>
+      </div>
+    </article>
+
+    <article class="card_u card--3">
+      <div class="card__info-hover">
+        <div class="card__desc">
+          <p>Repository for molecules, reactions and research data</p>
+          <ul>
+            <li>Publish your structures, attach your characterization data, and make them citable via DOI</li>
+            <li>Automated registration at various scientific data providers</li>
+            <li>Long-term archival - from scientists for scientists</li>
+          </ul>
+        </div>
+        <div class="card__try">
+          <a role="button" class="btn btn-primary" style="flex-grow: 3; font-size: 0.8vw;" href=<%=Rails.env.development? ? "http://localhost:3000/welcome" : "https://www.chemotion-repository.net/welcome" %>>Enter the Chemotion Repository</a>
+        </div>
+      </div>
+      <div class="card__img"></div>
+      <div class="card__img--hover"></div>
+      <div class="card__info">
+        <h4 class="card__title"><img src="../images/repo/logo.png" width="26" />&nbsp;Chemotion Repository</h4>
+      </div>
+    </article>
+
+    <article class="card_u card--4">
+      <div class="card__info-hover">
+        <div class="card__desc">
+          <p>Extract chemical information from cdx, cdxml, or cdx(ml) containing doc and docx files</p>
+        </div>
+        <div class="card__try">
+          <a role="button" class="btn btn-primary" style="flex-grow: 3; font-size: 0.8vw;" href="http://eln.chemotion.net/chemscanner">Try our ChemScanner</a>
+        </div>
+      </div>
+      <div class="card__img"></div>
+      <div class="card__img--hover"></div>
+      <div class="card__info">
+        <h4 class="card__title"><img src="../images/repo/logo.png" width="26" />&nbsp;ChemScanner</h4>
+      </div>
+    </article>
+
+  </section>
+</div>
+
+<br/>
+<br/>
+
+<div align="center" class="col text-center">
+  <div>
+    <div class="row">
+      <div class="col info-panel">
+        <div class="jumbotron">
+          <h3>Electronic Lab Notebook: Introduction Videos</h3>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/q1HrnRFA0aU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/Kk2YUajYRDE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/LFLmeoD20O8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/bBhnUDH1Ziw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/-Tvzy9u-Ke4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          <iframe width="640" height="360" src="https://www.youtube.com/embed/vou76lO3oiQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="text-center">
+    <hr />
+  <div class="row">
+    <div class="col-lg-16">
+      <div class="col-md-3">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="/home/about">About</a></li>
+        </ul>
+      </div>
+      <div class="col-md-3">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="https://github.com/ComPlat/chemotion_ELN">ELN source code</a></li>
+        </ul>
+      </div>
+      <div class="col-md-3">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="http://www.ioc.kit.edu/braese/">Institute web page</a></li>
+        </ul>
+      </div>
+      <div class="col-md-3">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="/home/contact">Contact Us</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <hr>
+    <div class="row">
+        <div class="col-lg-12">
+            <ul class="nav nav-pills nav-justified">
+                <li><a href="http://www.kit.edu">© 2019 Karlsruhe Institute of Technology.</a></li>
+            </ul>
+        </div>
+    </div>
+</div>
diff --git a/app/views/pages/settings.haml b/app/views/pages/settings.haml
index 6e3a0db44..ee62d80a6 100644
--- a/app/views/pages/settings.haml
+++ b/app/views/pages/settings.haml
@@ -77,5 +77,5 @@
 
   %br/
   %br/
-  
+
   = link_to "Back", root_path
diff --git a/app/views/pages/tokens.haml b/app/views/pages/tokens.haml
new file mode 100644
index 000000000..40f121ed3
--- /dev/null
+++ b/app/views/pages/tokens.haml
@@ -0,0 +1,33 @@
+.container
+  %h2
+    Chemotion Repository Token Registration
+
+
+  %br/
+  %br/
+  .jumbotron
+    %h2
+      ELN Gate Token
+    %br/
+
+    %h4 Register a Token to Send data from your chemotion ELN.
+    %br/
+    .form-horizontal
+      = form_tag '/api/v1/gate/register_eln' do
+        .form-group
+          = label_tag 'origin', 'url of your chemotion ELN', class: 'control-label col-sm-3'
+          .col-sm-4
+            = text_field_tag :origin,
+                             @origin,
+                             class: 'form-control',
+                             id: 'origin'
+
+        %h4
+        %br/
+        .actions
+          = submit_tag "Register token", class: "btn btn-primary"
+
+
+  = link_to "Back to the Repository", "/pages"
+  %br/
+  = link_to "Back to the ELN", @origin
diff --git a/app/views/publication_mailer/mail_accepted_request.html.haml b/app/views/publication_mailer/mail_accepted_request.html.haml
new file mode 100644
index 000000000..0ba3e2c93
--- /dev/null
+++ b/app/views/publication_mailer/mail_accepted_request.html.haml
@@ -0,0 +1,4 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p #{@publication.element_type} ##{@publication.element_id} has been accepted.
+%br
+%p Once the embargo is released, this publication will be published.
diff --git a/app/views/publication_mailer/mail_declined_request.html.haml b/app/views/publication_mailer/mail_declined_request.html.haml
new file mode 100644
index 000000000..31a251326
--- /dev/null
+++ b/app/views/publication_mailer/mail_declined_request.html.haml
@@ -0,0 +1,8 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p Dear #{@creator&.name},
+%br
+%p #{@publication.element_type} #{@publication.element_id} has been #{@action_title}.
+%br
+%p Please review the document and check the comments at:
+%a{ href: "#{@proto + @host}/mydb/collection/all/#{@publication.element_type.underscore}/#{@publication.element_id}"} #{@proto + @host}/mydb/collection/all/#{@publication.element_type.underscore}/#{@publication.element_id}
+%br
diff --git a/app/views/publication_mailer/mail_external_review.html.haml b/app/views/publication_mailer/mail_external_review.html.haml
new file mode 100644
index 000000000..f20afd218
--- /dev/null
+++ b/app/views/publication_mailer/mail_external_review.html.haml
@@ -0,0 +1,7 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p A temporary account for #{@embargo_collection} has been created!
+%p Account: #{@external_acct}
+%p Password: #{@external_pwd}
+%br
+%p You can use this account/password to access:
+%a{ href: "#{@proto + @host}/home/embargo"} #{@proto + @host}/home/embargo
diff --git a/app/views/publication_mailer/mail_publish_approval.html.haml b/app/views/publication_mailer/mail_publish_approval.html.haml
new file mode 100644
index 000000000..030fcdc6e
--- /dev/null
+++ b/app/views/publication_mailer/mail_publish_approval.html.haml
@@ -0,0 +1,5 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p Congratulations!
+%p Your #{@publication.element_type} ##{@publication.element_id} has been published.
+%p See it at:
+%a{ href: "#{@proto + @host}/inchikey/#{@doi.suffix}"} #{@proto + @host}/inchikey/#{@doi.suffix}
diff --git a/app/views/publication_mailer/mail_publish_embargo_release.html.haml b/app/views/publication_mailer/mail_publish_embargo_release.html.haml
new file mode 100644
index 000000000..981927040
--- /dev/null
+++ b/app/views/publication_mailer/mail_publish_embargo_release.html.haml
@@ -0,0 +1,3 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p Congratulations!
+%p Your embargo collection: #{@embargo_collection.label} has been released.
diff --git a/app/views/publication_mailer/mail_reviewed_request.html.haml b/app/views/publication_mailer/mail_reviewed_request.html.haml
new file mode 100644
index 000000000..68da0f389
--- /dev/null
+++ b/app/views/publication_mailer/mail_reviewed_request.html.haml
@@ -0,0 +1,12 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p Dear #{@creator&.name},
+%br
+%p #{@publication.element_type} ##{@publication.element_id} has been reviewed.
+%br
+%p Please check the reviewer's comments and request for modification at:
+%a{ href: "#{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}"} #{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}
+%br
+%p You can also see the comments and edit your publication directly from your [Reviewing] collection at:
+%a{ href: "#{@proto + @host}/mydb/scollection/#{@creator_reviewing_scol_id}/#{@publication.element_type.underscore}/#{@publication.element_id}"} #{@proto + @host}/mydb/scollection/#{@creator_reviewing_scol_id}/#{@publication.element_type.underscore}/#{@publication.element_id}
+%br
+%p Once done with the revision, you can then resubmit your publication.
diff --git a/app/views/publication_mailer/mail_reviewing_request.html.haml b/app/views/publication_mailer/mail_reviewing_request.html.haml
new file mode 100644
index 000000000..7a71c2364
--- /dev/null
+++ b/app/views/publication_mailer/mail_reviewing_request.html.haml
@@ -0,0 +1,4 @@
+%p #{ENV['PUBLISH_MODE'] == 'staging' ? "TESTING MODE" : ""}
+%p #{@publication.element_type} ##{@publication.element_id} is pending for publication.
+%p Please help reviewing it at:
+%a{ href: "#{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}"} #{@proto + @host}/home/review/review_#{@publication.element_type.underscore}/#{@publication.element_id}
diff --git a/app/views/users/registrations/edit.html.haml b/app/views/users/registrations/edit.html.haml
index 26cb6dd25..735ddb683 100644
--- a/app/views/users/registrations/edit.html.haml
+++ b/app/views/users/registrations/edit.html.haml
@@ -32,4 +32,4 @@
 
   %br/
   %br/
-  = link_to "Back", root_path
+  = link_to "Back", "/pages"
diff --git a/app/views/users/registrations/new.html.haml b/app/views/users/registrations/new.html.haml
index 6b3204cd3..eb34f2c57 100644
--- a/app/views/users/registrations/new.html.haml
+++ b/app/views/users/registrations/new.html.haml
@@ -42,4 +42,4 @@
 
   = render "devise/shared/links"
 
-  = link_to "Back", root_path
+  = link_to "Back", "/pages"
diff --git a/backup/models/deploy_backup.rb b/backup/models/deploy_backup.rb
index 22d357502..f11411d78 100644
--- a/backup/models/deploy_backup.rb
+++ b/backup/models/deploy_backup.rb
@@ -13,9 +13,9 @@
       # archive.add File.readlink("#{Rails.root}/public/images/samples")
       # archive.add File.readlink("#{Rails.root}/public/images/sprites")
       # archive.add File.readlink("#{Rails.root}/public/images/templates")
-      archive.add File.readlink("#{Rails.root}/public/docx")
+      # archive.add File.readlink("#{Rails.root}/public/docx")
       archive.add File.readlink("#{Rails.root}/tmp/uploads")
-      archive.add File.readlink("#{Rails.root}/uploads")
+      # archive.add File.readlink("#{Rails.root}/uploads")     
       # archive.add File.readlink("#{Rails.root}/uploadNew")
     end
 
diff --git a/config/application.rb b/config/application.rb
index 571e7060b..2893207ce 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -131,6 +131,18 @@ class Application < Rails::Application
     # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
     # config.i18n.default_locale = :de
 
+#    config.middleware.insert_before 0, "Rack::Cors", :debug => true, :logger => (-> { Rails.logger }) do
+#      allow do
+#        origins '*' #'testchemotion.net'
+#        resource(
+#          '/api/v1/public/register_token/access_token',
+#          headers: :any,
+#          methods: [:get],
+#          # credentials: true
+#        )
+#      end
+#    end
+
     private
 
 
diff --git a/config/boot.rb b/config/boot.rb
index 6b750f00b..bf929cd85 100644
--- a/config/boot.rb
+++ b/config/boot.rb
@@ -1,3 +1,4 @@
 ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
 
 require 'bundler/setup' # Set up gems listed in the Gemfile.
+require 'bootsnap/setup'
diff --git a/config/deploy.rb b/config/deploy.rb
index 38ee00358..127173db8 100644
--- a/config/deploy.rb
+++ b/config/deploy.rb
@@ -47,6 +47,7 @@
   'node_modules',
   'log',
   'public/images', 'public/docx', 'public/simulations',
+  'public/xlsx',
   'tmp/pids', 'tmp/cache', 'tmp/sockets', 'tmp/uploads',
   'uploads'
 )
diff --git a/config/environments/development.rb b/config/environments/development.rb
index 204766cfd..70339eaa8 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -14,7 +14,7 @@
   config.action_controller.perform_caching = false
 
   # Don't care if the mailer can't send.
-  config.action_mailer.raise_delivery_errors = false
+  config.action_mailer.raise_delivery_errors = true
 
   # Print deprecation notices to the Rails logger.
   config.active_support.deprecation = :log
@@ -40,11 +40,12 @@
   # config.action_view.raise_on_missing_translations = true
   config.action_mailer.delivery_method = :smtp
   config.action_mailer.smtp_settings = { :address => "localhost", :port => 1025 }
-  #config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }
+  config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }
+
   TurboSprockets.configure do |config|
     config.precompiler.enabled = false
-    config.preloader.enabled = false
-    config.preloader.worker_count = 3
+    config.preloader.enabled = true
+    config.preloader.worker_count = 4
     config.precompiler.worker_count = 3
   end
   config.after_initialize do
diff --git a/config/initializers/delayed_job_config.rb b/config/initializers/delayed_job_config.rb
index dafd104da..1bc10835e 100644
--- a/config/initializers/delayed_job_config.rb
+++ b/config/initializers/delayed_job_config.rb
@@ -35,6 +35,7 @@
         end&.set(cron: cron_config).perform_later if cron_config
       end
     end
+
     Delayed::Job.where("handler like ?", "%PubchemCidJob%").destroy_all
     cron_config = ENV['CRON_CONFIG_PC_CID'].presence
     cron_config ||= "#{rand(0..59)} #{rand(0..23)} * * #{rand(6..7)}"
@@ -47,11 +48,14 @@
     cron_config = ENV['CRON_CONFIG_ELEMENT_TAG'].presence
     cron_config ||= "#{rand(0..59)} #{rand(20..23)} * * #{rand(6..7)}"
     RefreshElementTagJob.set(cron: cron_config ).perform_later
-    Delayed::Job.where("handler like ?", "%ChemrepoIdJob%").destroy_all
-    cron_config = ENV['CRON_CONFIG_CHEM_REPO_ID'].presence
-    cron_config ||= "#{rand(0..59)} #{rand(17..19)} * * #{rand(6..7)}"
-    ChemrepoIdJob.set(cron: cron_config ).perform_later
-
+    # Delayed::Job.where("handler like ?", "%ChemrepoIdJob%").destroy_all
+    # cron_config = ENV['CRON_CONFIG_CHEM_REPO_ID'].presence
+    # cron_config ||= "#{rand(0..59)} #{rand(17..19)} * * #{rand(6..7)}"
+    # ChemrepoIdJob.set(cron: cron_config ).perform_later
+    Delayed::Job.where("handler like ?", "%PubchemSidJob%").destroy_all
+    cron_config = ENV['CRON_CONFIG_PC_SID'].presence
+    cron_config ||= "#{rand(0..59)} #{rand(0..23)} * * #{rand(6..7)}"
+    PubchemSidJob.set(cron: cron_config ).perform_later
   end
 rescue PG::ConnectionBad => e
   puts e.message
diff --git a/config/routes.rb b/config/routes.rb
index 7cd62c9cd..03b72b444 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -28,10 +28,12 @@
   end
 
   authenticated :user do
-    root to: redirect('mydb'), as: :authenticated_root
+    root to: redirect('home'), as: :authenticated_root
   end
 
+
   authenticate :user do
+    get 'pages', to:  'pages#home'
     get 'pages/settings', to: 'pages#settings'
     get 'pages/profiles', to: 'pages#profiles'
     patch 'pages/update_profiles', to: 'pages#update_profiles'
@@ -40,29 +42,134 @@
     patch 'pages/create_affiliation', to: 'pages#create_affiliation'
     patch 'pages/update_affiliations', to: 'pages#update_affiliations'
 
-    get 'command_n_control', to: 'pages#cnc'
-    get 'mydb/*any', to: 'pages#welcome'
-    get 'mydb', to: 'pages#welcome'
+    # get 'command_n_control', to: 'pages#cnc'
+    get 'mydb/*any', to: 'pages#mydb'
+    get 'mydb', to: 'pages#mydb'
     get 'molecule_moderator', to: 'pages#molecule_moderator'
+    get 'home/review', to: 'pages#home'
+    get 'home/review/*any', to: 'pages#home'
+    get 'home/embargo', to: 'pages#home'
+    get 'home/embargo/*review_element', to: 'pages#home'
+    get 'pages/tokens', to: 'pages#tokens'
   end
 
+  get 'home/*any', to: 'pages#home'
+  get 'home', to: 'pages#home'
+
   # Standalone page for ChemScanner
-  get 'chemscanner', to: 'pages#chemscanner'
-  get 'editor',      to: 'pages#editor'
+  # get 'chemscanner', to: 'pages#chemscanner'
+  # get 'editor',      to: 'pages#editor'
 
   # Standalone page for ChemSpectra
-  get 'chemspectra', to: 'pages#chemspectra'
-  get 'chemspectra-editor', to: 'pages#chemspectra_editor'
+#  get 'chemspectra', to: 'pages#chemspectra'
+#  get 'chemspectra-editor', to: 'pages#chemspectra_editor'
 
+  get 'directive', to: 'pages#directive'
+  get 'welcome', to: 'pages#home'
   get 'home', to: 'pages#home'
   get 'about', to: 'pages#about'
   get 'command_n_control', to: 'pages#home'
-
   get 'admin', to: 'pages#home'
+  get 'mydb', to: 'pages#home'
+  get 'pid', to: 'pages#home'
+
+  get 'pid/:id'  => redirect { |params, request|
+    if params[:id].present? && params[:id].to_i && params[:id].to_i < 2147483647
+      url_base = "/home/publications/"
+      pubs = Publication.where(id: params[:id])
+      pub = pubs&.length > 0 ? pubs[0] : nil
+      unless pub.nil?
+        case pub.element_type
+        when 'Sample'
+          url = "#{url}molecules/#{pub.element.molecule_id}" if pub.state&.match(Regexp.union(%w[completed]))
+          url = "#{url}review/review_sample/#{pub.element_id}" if %w[pending reviewed accepted].include?(pub.state) && pub.ancestry.nil?
+          if %w[pending reviewed accepted].include?(pub.state) && !pub.ancestry.nil?
+            root = Publication.find_by(id: pub.ancestry, element_type: 'Reaction')
+            url =  "#{url}review/review_reaction/#{root.element_id}" if root && %w[pending reviewed accepted].include?(root.state)
+          end
+
+        when 'Reaction'
+          if pub.state&.match(Regexp.union(%w[completed]))
+            url = "#{url}reactions/#{pub.element_id}"
+          elsif %w[pending reviewed accepted].include?(pub.state)
+            url =  "#{url}review/review_reaction/#{pub.element_id}"
+          end
+        when 'Container'
+          url =  "#{url}datasets/#{pub.element_id}" if pub.state&.match(Regexp.union(%w[completed]))
+          if %w[pending reviewed accepted].include?(pub.state) && !pub.ancestry.nil?
+            root = pub.root
+            url =  "#{url}review/review_#{root.element_type=='Reaction'? 'reaction' : 'sample'}/#{root.element_id}" if root && %w[pending reviewed accepted].include?(root.state)
+          end
+
+        end
+      end
+    end
+    url || '/'
+  }
+
+  get 'inchikey/*suffix(.:version)' => redirect { |params, request|
+    suffix = params[:suffix]
+    if !params[:version].blank?
+      suffix = "#{params[:suffix]}.#{params[:version]}"
+    end
+    doi = Doi.find_by(suffix: suffix)
+    url_base = "/home/publications/"
+    element = doi.doiable
+
+    element = element.root.containable if (element.class.name == 'Container' && suffix.start_with?("reaction"))
+
+    case element.class.name
+    when 'Sample'
+      url =  "#{url}molecules/#{element.molecule_id}"
+    when 'Reaction'
+      url = "#{url}reactions/#{element.id}"
+    when 'Container'
+      url =  "#{url}datasets/#{element.id}"
+    end
+    url
+  }
+
+#  get 'inchikey/:inchikey(/*analysis_type)(.:version)' => redirect { |params, request|
+#    inchikey = params[:inchikey]
+#    type = params[:analysis_type] || ""
+#    version = params[:version] || ""
+#    url = "/home/#/inchikey"
+#
+#    if type.empty? && version.empty?
+#      url = url + "/" + inchikey + "/"
+#    elsif type.empty?
+#      url = url + "/" + inchikey + "." + version
+#    elsif version.empty?
+#      url = url + "/" + inchikey + "/" + type
+#    else
+#      url = url + "/" + inchikey + "/" + type + "." + version
+#    end
+#
+#    url
+#  }
+
+  get '/review/*any' => redirect { |params, request|
+    "/home/review/#{params[:any]}"
+  }
+  get '/embargo/*review_element' => redirect { |params, request|
+    "/home/embargo/#{params[:review_element]}"
+  }
+
+  get '/datasets/:id' => redirect { |params, request|
+    "/home/publications/datasets/#{params[:id]}"
+  }
+
+  get '/molecules/:id' => redirect { |params, request|
+    "/home/publications/molecules/#{params[:id]}"
+  }
+
+  get '/reactions/:id' => redirect { |params, request|
+    "/home/publications/reactions/#{params[:id]}"
+  }
 
   mount API => '/'
 
-  root to: redirect('home')
+  root to: 'pages#root_page', as: :unauthenticated_root
 
   get 'test', to: 'pages#test'
 end
diff --git a/config/schedule.rb b/config/schedule.rb
index d1a07ed83..25135989a 100644
--- a/config/schedule.rb
+++ b/config/schedule.rb
@@ -15,3 +15,7 @@
 every :sunday, at: '1am' do
   # runner "ReallyDestroyTask.execute!"
 end
+
+# every :sunday, at: '3am' do
+#   rake "email_confirmation:yearly"
+# end
diff --git a/config/secrets.yml b/config/secrets.yml
index 4e6174ea4..04637b131 100644
--- a/config/secrets.yml
+++ b/config/secrets.yml
@@ -11,11 +11,10 @@
 # if you're sharing your code publicly.
 
 development:
-  secret_key_base: 2de67b6ea84b3dbe43a40813b747fb6cb8a3c93ef4135b737ee4c6fb4e3e758fcc030e33c78fc6f7db180ea9b6d7a31081a61678d614142198cbafd37aaa6c09
+  secret_key_base: <%= ENV["SECRET_KEY_BASE"] %>
 
 test:
-  secret_key_base: b1b52f3f9c80554019996ccac1d8d6fca40b7ec927acae2f53086f2d5dc8981ada4043d85ca05a27b6fdbcb969f529be14782c7a63a26abd9e6b13772ab01950
-
+  secret_key_base: b1b52f3f9c80554019996ccac1d8d6fca40b7ec927acae2f53086f2d5dc8981ada4043d85ca05a27b6fdbcb969f529be14782c7a63a26abd9e6b13772ab01950 
 # Do not keep production secrets in the repository,
 # instead read values from the environment.
 production:
diff --git a/db/functions/pub_reactions_by_molecule_v01.sql b/db/functions/pub_reactions_by_molecule_v01.sql
new file mode 100644
index 000000000..6bf317735
--- /dev/null
+++ b/db/functions/pub_reactions_by_molecule_v01.sql
@@ -0,0 +1,10 @@
+CREATE OR REPLACE FUNCTION pub_reactions_by_molecule(collection_id integer, molecule_id integer)
+  RETURNS TABLE(reaction_ids integer)
+  LANGUAGE sql
+  AS $$
+    (select r.id from collections c, collections_reactions cr, reactions r, reactions_samples rs, samples s,molecules m
+     where c.id=$1 and c.id = cr.collection_id and cr.reaction_id = r.id
+     and r.id = rs.reaction_id and rs.sample_id = s.id and rs.type in ('ReactionsProductSample')
+     and c.deleted_at is null and cr.deleted_at is null and r.deleted_at is null and rs.deleted_at is null and s.deleted_at is null and m.deleted_at is null
+     and s.molecule_id = m.id and m.id=$2)
+  $$
diff --git a/db/migrate/20170511144535_update_repository_user_layout_default.rb b/db/migrate/20170511144535_update_repository_user_layout_default.rb
new file mode 100644
index 000000000..79b8f0406
--- /dev/null
+++ b/db/migrate/20170511144535_update_repository_user_layout_default.rb
@@ -0,0 +1,8 @@
+class UpdateRepositoryUserLayoutDefault < ActiveRecord::Migration
+  def change
+    change_column :users, :layout, :hstore, default: {
+      sample: 1,
+      reaction: 2
+    }
+  end
+end
diff --git a/db/migrate/20180822103306_create_table_dois.rb b/db/migrate/20180822103306_create_table_dois.rb
new file mode 100644
index 000000000..664115465
--- /dev/null
+++ b/db/migrate/20180822103306_create_table_dois.rb
@@ -0,0 +1,21 @@
+class CreateTableDois < ActiveRecord::Migration
+  def change
+    create_table :dois do |t|
+      t.integer :molecule_id
+      t.string :inchikey
+      t.integer :molecule_count
+      t.integer :analysis_id
+      t.string :analysis_type 
+      t.integer :analysis_count
+      t.jsonb :metadata, default: {}
+      t.boolean :minted, default: false
+      t.datetime :minted_at
+      t.timestamps null: false
+      t.integer :doiable_id
+      t.string :doiable_type
+    end
+
+    add_foreign_key :dois, :molecules
+    add_index(:dois, [:inchikey, :molecule_count, :analysis_type, :analysis_count], unique: true, name: 'index_on_dois')
+  end
+end
diff --git a/db/migrate/20180910075534_add_suffix_to_dois.rb b/db/migrate/20180910075534_add_suffix_to_dois.rb
new file mode 100644
index 000000000..b611a4bf1
--- /dev/null
+++ b/db/migrate/20180910075534_add_suffix_to_dois.rb
@@ -0,0 +1,7 @@
+class AddSuffixToDois < ActiveRecord::Migration
+  def change
+    add_column :dois, :suffix, :string
+    # remove_index(:dois, name: 'index_on_dois') if index_exists?(:dois, name: 'index_on_dois') 
+    add_index(:dois, :suffix, unique: true)
+  end
+end
diff --git a/db/migrate/20180910125250_migrate_dois.rb b/db/migrate/20180910125250_migrate_dois.rb
new file mode 100644
index 000000000..26a9c24fb
--- /dev/null
+++ b/db/migrate/20180910125250_migrate_dois.rb
@@ -0,0 +1,68 @@
+class MigrateDois < ActiveRecord::Migration
+  def change
+    begin
+    file = File.open("log/doi_seeding.log", "w")
+    file.write('==================')
+    file.write(Time.now)
+    Collection.public_collection.samples.order(id: :asc).each do |s|
+      message = "sample(#{s.id}) "
+      t = s.tag.taggable_data['publication']
+      unless t
+        ActiveRecord::Base.logger.error(message + 'no publication tag')
+        file.write(message + 'no publication tag' + "\n")
+        next
+      end
+
+      td = t['doi']
+      sd = Doi.send(:split_doi, td)
+      if (ed = Doi.find_by(suffix: sd[:suffix]))
+        el = ed.doiable
+        if el && el != s
+          message_2 = message + "doi(#{sd[:suffix]}) attributed to another element #{el.class.name} #{el.id}"
+          ActiveRecord::Base.logger.error message_2
+          file.write message_2 + "\n"
+        else
+          ed.update(doiable: s)
+        end
+      else
+        Doi.create(suffix: sd[:suffix], doiable: s)
+      end
+    end
+
+    Collection.public_collection.samples.find_each do |s|
+      mess = "sample(#{s.id}) "
+      s.analyses.each do |a|
+        message = mess + "analysis(#{a.id}) "
+        t = a.tag && a.tag.taggable_data && a.tag.taggable_data['publication']
+        unless t
+          ActiveRecord::Base.logger.error(message + 'no publication tag')
+          file.write message + 'no publication tag' + "\n"
+          next
+        end
+        td = t['analysis_doi']
+        unless td
+          ActiveRecord::Base.logger.error(message + 'no analysis doi')
+          file.write message + 'no analysis doi' + "\n"
+          next
+        end
+        sd = Doi.send(:split_doi, td)
+        if (ed = Doi.find_by(suffix: sd[:suffix]))
+          el = ed.doiable
+          if el && el != a
+            re = el.root_element
+            message2 = message + "doi(#{sd[:suffix]}) attributed to another element #{re.class.name}(#{re.id}) #{el.class.name}(#{el.id})"
+            ActiveRecord::Base.logger.error message2
+            file.write message2 + "\n"
+          else
+            ed.update(doiable: a)
+          end
+        else
+          Doi.create(suffix: sd[:suffix], doiable: a)
+        end
+      end
+    end
+    ensure
+      file.close unless file.nil?
+    end
+  end
+end
diff --git a/db/migrate/20181030141057_create_function_pub_reactions_by_molecule.rb b/db/migrate/20181030141057_create_function_pub_reactions_by_molecule.rb
new file mode 100644
index 000000000..0da16408a
--- /dev/null
+++ b/db/migrate/20181030141057_create_function_pub_reactions_by_molecule.rb
@@ -0,0 +1,5 @@
+class CreateFunctionPubReactionsByMolecule < ActiveRecord::Migration
+  def change
+    create_function :pub_reactions_by_molecule
+  end
+end
diff --git a/db/migrate/20181218084857_change_function_pub_reactions_by_molecule.rb b/db/migrate/20181218084857_change_function_pub_reactions_by_molecule.rb
new file mode 100644
index 000000000..26dc462a9
--- /dev/null
+++ b/db/migrate/20181218084857_change_function_pub_reactions_by_molecule.rb
@@ -0,0 +1,5 @@
+class ChangeFunctionPubReactionsByMolecule < ActiveRecord::Migration
+  def change
+    create_function :pub_reactions_by_molecule
+  end
+end
diff --git a/db/migrate/20181218120106_create_table_publications.rb b/db/migrate/20181218120106_create_table_publications.rb
new file mode 100644
index 000000000..25a86cfe9
--- /dev/null
+++ b/db/migrate/20181218120106_create_table_publications.rb
@@ -0,0 +1,16 @@
+class CreateTablePublications < ActiveRecord::Migration
+  def change
+    create_table :publications do |t|
+      t.string :state
+      t.jsonb :metadata, default: {}
+      t.jsonb :taggable_data, default: {}
+      t.jsonb :dois, default: {}
+      t.string :element_type
+      t.integer :element_id
+      t.integer :doi_id
+      t.datetime :created_at
+      t.datetime :updated_at
+      t.datetime :deleted_at
+    end
+  end
+end
diff --git a/db/migrate/20181218154642_add_original_element_to_publications.rb b/db/migrate/20181218154642_add_original_element_to_publications.rb
new file mode 100644
index 000000000..a3f7d1942
--- /dev/null
+++ b/db/migrate/20181218154642_add_original_element_to_publications.rb
@@ -0,0 +1,6 @@
+class AddOriginalElementToPublications < ActiveRecord::Migration
+  def change
+    add_column :publications, :original_element_type, :string
+    add_column :publications, :original_element_id, :integer
+  end
+end
diff --git a/db/migrate/20181219113234_add_ancestry_to_publications.rb b/db/migrate/20181219113234_add_ancestry_to_publications.rb
new file mode 100644
index 000000000..2a6b58a5c
--- /dev/null
+++ b/db/migrate/20181219113234_add_ancestry_to_publications.rb
@@ -0,0 +1,6 @@
+class AddAncestryToPublications < ActiveRecord::Migration
+  def change
+    add_column :publications, :ancestry, :string
+    add_index :publications, :ancestry
+  end
+end
diff --git a/db/migrate/20181219163816_add_metadata_xml_to_publications.rb b/db/migrate/20181219163816_add_metadata_xml_to_publications.rb
new file mode 100644
index 000000000..f62a6dcab
--- /dev/null
+++ b/db/migrate/20181219163816_add_metadata_xml_to_publications.rb
@@ -0,0 +1,5 @@
+class AddMetadataXmlToPublications < ActiveRecord::Migration
+  def change
+    add_column :publications, :metadata_xml, :text
+  end
+end
diff --git a/db/migrate/20181221153800_sync_collection_reaction_detail_level_10.rb b/db/migrate/20181221153800_sync_collection_reaction_detail_level_10.rb
new file mode 100644
index 000000000..b52b040cb
--- /dev/null
+++ b/db/migrate/20181221153800_sync_collection_reaction_detail_level_10.rb
@@ -0,0 +1,5 @@
+class SyncCollectionReactionDetailLevel10 < ActiveRecord::Migration
+  def change
+    SyncCollectionsUser.where(shared_by_id: User.chemotion_user.id).each{|s| s.update(reaction_detail_level: 10) }
+  end
+end
diff --git a/db/migrate/20190103165000_datafix_publication_reactions.rb b/db/migrate/20190103165000_datafix_publication_reactions.rb
new file mode 100644
index 000000000..5af0fc045
--- /dev/null
+++ b/db/migrate/20190103165000_datafix_publication_reactions.rb
@@ -0,0 +1,8 @@
+class DatafixPublicationReactions < ActiveRecord::Migration
+  def change
+    Collection.public_collection.reactions.each do |r|
+      r.reload
+      r.save!
+    end
+  end
+end
diff --git a/db/migrate/20190206142000_publication_notification.rb b/db/migrate/20190206142000_publication_notification.rb
new file mode 100644
index 000000000..f8f7d7b70
--- /dev/null
+++ b/db/migrate/20190206142000_publication_notification.rb
@@ -0,0 +1,27 @@
+class PublicationNotification < ActiveRecord::Migration
+ def change
+   channel = Channel.find_by(subject: Channel::PUBLICATION_REVIEW)
+   channel.destroy if channel
+   attributes = {
+     subject: Channel::PUBLICATION_REVIEW,
+     channel_type: 8,
+     msg_template: '{"data": "%{subject}",
+                     "action":"Repository_ReviewRequest",
+                     "url": ""
+                    }'
+   }
+   Channel.create(attributes)
+
+   channel_r = Channel.find_by(subject: Channel::PUBLICATION_PUBLISHED)
+   channel_r.destroy if channel_r
+   attributes_r = {
+     subject: Channel::PUBLICATION_PUBLISHED,
+     channel_type: 8,
+     msg_template: '{"data": "%{subject}",
+                     "action":"Repository_Published"
+                    }'
+   }
+   Channel.create(attributes_r)
+
+ end
+end
diff --git a/db/migrate/20190211180200_add_published_at_publications.rb b/db/migrate/20190211180200_add_published_at_publications.rb
new file mode 100644
index 000000000..6a6371638
--- /dev/null
+++ b/db/migrate/20190211180200_add_published_at_publications.rb
@@ -0,0 +1,11 @@
+class AddPublishedAtPublications < ActiveRecord::Migration
+def change
+  add_column :publications, :published_by, :integer
+  add_column :publications, :published_at, :datetime
+  Publication.find_each do |p|
+    p.published_at = p.taggable_data['published_at'] unless p.taggable_data['published_at'].nil?
+    p.published_by = p.taggable_data['published_by']
+    p.save!
+  end
+end
+end
\ No newline at end of file
diff --git a/db/migrate/20190211180800_add_review_publications.rb b/db/migrate/20190211180800_add_review_publications.rb
new file mode 100644
index 000000000..483f0a2d7
--- /dev/null
+++ b/db/migrate/20190211180800_add_review_publications.rb
@@ -0,0 +1,5 @@
+class AddReviewPublications < ActiveRecord::Migration
+ def change
+   add_column :publications, :review, :jsonb
+ end
+end
diff --git a/db/migrate/20190218122628_create_default_reviewing_collections.rb b/db/migrate/20190218122628_create_default_reviewing_collections.rb
new file mode 100644
index 000000000..603adea9d
--- /dev/null
+++ b/db/migrate/20190218122628_create_default_reviewing_collections.rb
@@ -0,0 +1,20 @@
+class CreateDefaultReviewingCollections < ActiveRecord::Migration
+ def change
+   chemotion_user = User.chemotion_user
+  users = User.where(type: 'Person')
+   users.each do |u|
+     sys_reviewing_from = Collection.find_or_create_by(user_id: chemotion_user.id, label: 'Reviewing Publication from')
+     sys_reviewing_collection = u.reviewing_collection || Collection.create(user: chemotion_user, label: 'Reviewing', ancestry: "#{sys_reviewing_from.id}")
+
+     root_collection_attributes = {
+       user: u,
+       shared_by_id: chemotion_user.id,
+       is_locked: true,
+       is_shared: true
+     }
+
+     rc = Collection.find_by(root_collection_attributes)
+     SyncCollectionsUser.find_or_create_by(user: u, shared_by_id: chemotion_user.id, collection_id: sys_reviewing_collection.id, permission_level: 3, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+   end
+ end
+end
diff --git a/db/migrate/20190219100200_published_at_publications_fix.rb b/db/migrate/20190219100200_published_at_publications_fix.rb
new file mode 100644
index 000000000..1861586f6
--- /dev/null
+++ b/db/migrate/20190219100200_published_at_publications_fix.rb
@@ -0,0 +1,9 @@
+class PublishedAtPublicationsFix < ActiveRecord::Migration
+def change
+  list = Publication.where(published_at: nil)
+  list.each do |p|
+    p.update_columns(published_at: p.taggable_data['published_at']) unless p.taggable_data['published_at'].nil?
+    p.update_columns(published_by: p.taggable_data['published_by']) unless p.taggable_data['published_by'].nil?
+  end
+end
+end
diff --git a/db/migrate/20190306085000_create_default_element_to_review_collections.rb b/db/migrate/20190306085000_create_default_element_to_review_collections.rb
new file mode 100644
index 000000000..9115ab79f
--- /dev/null
+++ b/db/migrate/20190306085000_create_default_element_to_review_collections.rb
@@ -0,0 +1,29 @@
+class CreateDefaultElementToReviewCollections < ActiveRecord::Migration
+ def change
+   # Update the Reviewing Ancestry to is_locked = true
+   reviewing_ancestry_col = Collection.find_by(id: 1198, label: 'Reviewing Publication from')
+   reviewing_ancestry_col.update_columns(is_locked: true)
+
+
+   chemotion_user = User.chemotion_user
+   reviewer_ids = User.reviewer_ids
+
+   reviewer_ids.each do |rid|
+       u = User.find(rid)
+       sys_review_from = Collection.find_or_create_by(user_id: chemotion_user.id, label: 'Element To Review Publication from', is_locked: true, is_shared: false)
+       sys_review_collection = Collection.create(user: chemotion_user, label: 'Element To Review', ancestry: "#{sys_review_from.id}")
+
+       col_attributes = {
+         user: u,
+         shared_by_id: chemotion_user.id,
+         is_locked: true,
+         is_shared: true
+       }
+
+       rc = Collection.find_by(col_attributes)
+       SyncCollectionsUser.find_or_create_by(user: u, shared_by_id: chemotion_user.id, collection_id: sys_review_collection.id,
+         permission_level: 3, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+
+   end
+ end
+end
diff --git a/db/migrate/20190401141200_create_default_element_to_reviewed_collections.rb b/db/migrate/20190401141200_create_default_element_to_reviewed_collections.rb
new file mode 100644
index 000000000..e3055a1f1
--- /dev/null
+++ b/db/migrate/20190401141200_create_default_element_to_reviewed_collections.rb
@@ -0,0 +1,25 @@
+class CreateDefaultElementToReviewedCollections < ActiveRecord::Migration
+ def change
+
+   chemotion_user = User.chemotion_user
+   reviewer_ids = User.reviewer_ids
+
+   reviewer_ids.each do |rid|
+       u = User.find(rid)
+       sys_review_from = Collection.find_or_create_by(user_id: chemotion_user.id, label: 'Reviewed Publication from', is_locked: true, is_shared: false)
+       sys_review_collection = Collection.create(user: chemotion_user, label: 'Reviewed', ancestry: "#{sys_review_from.id}")
+
+       col_attributes = {
+         user: u,
+         shared_by_id: chemotion_user.id,
+         is_locked: true,
+         is_shared: true
+       }
+
+       rc = Collection.find_by(col_attributes)
+       SyncCollectionsUser.find_or_create_by(user: u, shared_by_id: chemotion_user.id, collection_id: sys_review_collection.id,
+         permission_level: 3, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+
+   end
+ end
+end
diff --git a/db/migrate/20190410130000_create_embargoed_publication_collections.rb b/db/migrate/20190410130000_create_embargoed_publication_collections.rb
new file mode 100644
index 000000000..98eec6f22
--- /dev/null
+++ b/db/migrate/20190410130000_create_embargoed_publication_collections.rb
@@ -0,0 +1,19 @@
+class CreateEmbargoedPublicationCollections < ActiveRecord::Migration
+  def change
+    chemotion_user = User.chemotion_user
+    user_ids = User.where(type: 'Person').pluck(:id)
+
+    user_ids.each do |uid|
+      u = User.find(uid)
+      sys_ready_from = Collection.find_or_create_by(user_id: chemotion_user.id, label: 'Embargoed Publications from', is_locked: true, is_shared: false)
+      sys_ready_collection = Collection.create(user: chemotion_user, label: 'Embargoed Publications', ancestry: "#{sys_ready_from.id}")
+
+      root_label = "with %s" %chemotion_user.name_abbreviation
+      rc = Collection.find_by(user: u, shared_by_id: chemotion_user.id, is_locked: true, is_shared: true)
+      rc = Collection.create!(user: u, shared_by_id: chemotion_user.id, is_locked: true, is_shared: true, label: root_label) if rc.nil?
+
+      SyncCollectionsUser.find_or_create_by(user: u, shared_by_id: chemotion_user.id, collection_id: sys_ready_collection.id,
+        permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    end
+  end
+end
\ No newline at end of file
diff --git a/db/migrate/20190617153000_convert_analysis_type.rb b/db/migrate/20190617153000_convert_analysis_type.rb
deleted file mode 100644
index 4c3d3b682..000000000
--- a/db/migrate/20190617153000_convert_analysis_type.rb
+++ /dev/null
@@ -1,57 +0,0 @@
-class ConvertAnalysisType < ActiveRecord::Migration
-
-  CONV = [
-    { kind: '1H NMR', ols: 'CHMO:0000593 | 1H nuclear magnetic resonance spectroscopy (1H NMR)' },
-    { kind: '13C NMR', ols: 'CHMO:0000595 | 13C nuclear magnetic resonance spectroscopy (13C NMR)' },
-    { kind: 'Mass', ols: 'CHMO:0000470 | mass spectrometry (MS)' },
-    { kind: 'EA', ols: 'CHMO:0001075 | elemental analysis (EA)' },
-    { kind: 'GCMS', ols: 'CHMO:0000497 | gas chromatography-mass spectrometry (GCMS)' },
-    { kind: 'HPLC', ols: 'CHMO:0001009 | high-performance liquid chromatography (HPLC)' },
-    { kind: 'IR', ols: 'CHMO:0000630 | infrared absorption spectroscopy (IR)' },
-    { kind: 'TLC', ols: 'CHMO:0001007 | thin-layer chromatography (TLC)' },
-    { kind: 'Crystal-Structure', ols: 'CHMO:0000156 | X-ray diffraction (XRD)' },
-    { kind: 'Others', ols: 'BFO:0000015 | process' }
-  ]
-
-  # there is an exception(incorrect?) data called 'Crystall-Structure', 'Crystall' with double 'l'.
-  # set it as 'Crystal-Structure'
-  EXCP = [
-    { kind: 'Crystall-Structure', ols: 'CHMO:0000156 | X-ray diffraction (XRD)' }
-  ]
-
-  def up
-    # convert
-    CONV.each do |c|
-      list = Container.where('extended_metadata->\'kind\' = (?) and container_type = \'analysis\' ', c[:kind])
-      list.each do |rs|
-        meta = rs.extended_metadata
-        meta["kind"] = c[:ols]
-        # use update_columns to bypass updated_at
-        rs.update_columns(extended_metadata: meta)
-      end
-    end
-
-    EXCP.each do |c|
-      list = Container.where('extended_metadata->\'kind\' = (?) and container_type = \'analysis\' ', c[:kind])
-      list.each do |rs|
-        meta = rs.extended_metadata
-        meta["kind"] = c[:ols]
-        # use update_columns to bypass updated_at
-        rs.update_columns(extended_metadata: meta)
-      end
-    end
-  end
-
-  def down
-    # revert
-    CONV.each do |c|
-      list = Container.where('extended_metadata->\'kind\' = (?) and container_type = \'analysis\' ', c[:ols])
-      list.each do |rs|
-        meta = rs.extended_metadata
-        meta["kind"] = c[:kind]
-        # use update_columns to bypass updated_at
-        rs.update_columns(extended_metadata: meta)
-      end
-    end
-  end
-end
diff --git a/db/migrate/20190619153000_default_recent_profile.rb b/db/migrate/20190619153000_default_recent_profile.rb
deleted file mode 100644
index d6cf9f8af..000000000
--- a/db/migrate/20190619153000_default_recent_profile.rb
+++ /dev/null
@@ -1,25 +0,0 @@
-class DefaultRecentProfile < ActiveRecord::Migration
-
-  CHMO = ['CHMO:0000593', 'CHMO:0000595', 'CHMO:0000470', 'CHMO:0001075', 'CHMO:0000497', 'CHMO:0001009', 'CHMO:0000630', 'CHMO:0001007', 'CHMO:0000156', 'BFO:0000015']
-
-  def up
-    Person.find_each do |u|
-      profile = u.profile
-      data = profile.data || {}
-      data.merge!(chmo: CHMO)
-      # use update_columns to bypass updated_at
-      u.profile.update_columns(data: data)
-    end
-  end
-
-  def down
-    Person.find_each do |u|
-      profile = u.profile
-      data = profile.data
-      next if data.nil?
-      data.delete('chmo')
-      # use update_columns to bypass updated_at
-      u.profile.update_columns(data: data)
-    end
-  end
-end
diff --git a/db/migrate/20190712090136_curate_profile_recent_owl.rb b/db/migrate/20190712090136_curate_profile_recent_owl.rb
deleted file mode 100644
index 9e226c1e8..000000000
--- a/db/migrate/20190712090136_curate_profile_recent_owl.rb
+++ /dev/null
@@ -1,33 +0,0 @@
-class CurateProfileRecentOwl < ActiveRecord::Migration
-  def change
-    Profile.find_each do |profile|
-      data = profile.data
-      next unless data
-      # break unless defined? OlsTerm
-      %w[chmo rxno].each do |owl_name|
-        next unless data[owl_name].present?
-        recent_terms = []
-        data[owl_name].each do |term|
-          unless term.is_a?(String)
-            recent_terms << term
-            next
-          end
-          t = OlsTerm.find_by(term_id: term)
-	        next unless t
-          new_term = {
-            'owl_name' => owl_name,
-            'term_id' => term,
-            'title' => t.label,
-            'synonym' => t.synonym,
-            'synonyms' => t.synonyms,
-            'search' => t.synonyms.nil? ? "#{term} | #{t.label}" : "#{term} | #{t.label} (#{[t.synonyms].flatten.join(',')})",
-            'value' => t.synonym.nil? ? " #{term} | #{t.label}" : " #{term} | #{t.label} (#{t.synonym})",
-          }
-          recent_terms << new_term
-        end
-        data[owl_name] = recent_terms
-      end
-      profile.update(data: data)
-    end
-  end
-end
diff --git a/db/migrate/20190724105701_create_publication_authors.rb b/db/migrate/20190724105701_create_publication_authors.rb
new file mode 100644
index 000000000..1e6e3856c
--- /dev/null
+++ b/db/migrate/20190724105701_create_publication_authors.rb
@@ -0,0 +1,5 @@
+class CreatePublicationAuthors < ActiveRecord::Migration
+  def change
+    create_view :publication_authors
+  end
+end
diff --git a/db/migrate/20190724151800_default_ols_profile.rb b/db/migrate/20190724151800_default_ols_profile.rb
new file mode 100644
index 000000000..8ebb0be67
--- /dev/null
+++ b/db/migrate/20190724151800_default_ols_profile.rb
@@ -0,0 +1,15 @@
+class DefaultOlsProfile < ActiveRecord::Migration
+  def change
+    file = Rails.public_path.join('ontologies','chmo.default.profile.json')
+    result = JSON.parse(File.read(file, encoding:  'bom|utf-8')) if File.exist?(file)
+    unless result.nil? || result['ols_terms'].nil?
+      Person.find_each do |u|
+        profile = u.profile
+        data = profile.data || {}
+        next unless data['chmo'].nil?
+        data['chmo'] = result['ols_terms']
+        u.profile.update_columns(data: data)
+      end
+    end
+  end
+end
diff --git a/db/migrate/20190726102700_map_analysis_type.rb b/db/migrate/20190726102700_map_analysis_type.rb
new file mode 100644
index 000000000..1759d0992
--- /dev/null
+++ b/db/migrate/20190726102700_map_analysis_type.rb
@@ -0,0 +1,49 @@
+class MapAnalysisType < ActiveRecord::Migration
+  CONV = [
+    { kind: '1H NMR', ols: 'CHMO:0000593 | 1H nuclear magnetic resonance spectroscopy (1H NMR)' },
+    { kind: '13C NMR', ols: 'CHMO:0000595 | 13C nuclear magnetic resonance spectroscopy (13C NMR)' },
+    { kind: 'Mass', ols: 'CHMO:0000470 | mass spectrometry (MS)' },
+    { kind: 'EA', ols: 'CHMO:0001075 | elemental analysis (EA)' },
+    { kind: 'GCMS', ols: 'CHMO:0000497 | gas chromatography-mass spectrometry (GCMS)' },
+    { kind: 'HPLC', ols: 'CHMO:0001009 | high-performance liquid chromatography (HPLC)' },
+    { kind: 'IR', ols: 'CHMO:0000630 | infrared absorption spectroscopy (IR)' },
+    { kind: 'TLC', ols: 'CHMO:0001007 | thin-layer chromatography (TLC)' },
+    { kind: 'Others', ols: 'BFO:0000015 | process' },
+    { kind: 'Mass/EI', ols: 'CHMO:0000480 | electron ionisation mass spectrometry (EI-MS)' },
+    { kind: 'Mass/GCMS', ols: 'CHMO:0000497 | gas chromatography-mass spectrometry (GCMS)' },
+    { kind: 'NMR', ols: 'CHMO:0000613 | pulsed nuclear magnetic resonance spectroscopy (NMR)' },
+    { kind: 'NMR/HCCOSY/CDCl3', ols: 'CHMO:0000599 | correlation spectroscopy (COSY)' },
+    { kind: 'NMR/HHCOSY/CDCl3', ols: 'CHMO:0001150 | 1H--1H correlation spectroscopy (1H-1H COSY)' },
+    { kind: 'Raman', ols: 'CHMO:0000656 | Raman spectroscopy (Raman spectrometry)' },
+    { kind: 'UV-VIS', ols: 'CHMO:0000292 | ultraviolet-visible spectrophotometry (UV-VIS)' },
+    { kind: 'Xray', ols: 'CHMO:0000156 | X-ray diffraction (XRD)' },
+  ]
+
+  BATCH = [
+    { kind: 'NMR/1H/', ols: 'CHMO:0000593 | 1H nuclear magnetic resonance spectroscopy (1H NMR)' },
+    { kind: 'NMR/13C/', ols: 'CHMO:0000595 | 13C nuclear magnetic resonance spectroscopy (13C NMR)' },
+    { kind: 'NMR/19F/', ols: 'CHMO:0000597 | 19F nuclear magnetic resonance spectroscopy (19F NMR)' },
+    { kind: 'DEPT/', ols: 'CHMO:0000596 | distortionless enhancement with polarization transfer (DEPT)' },
+    { kind: 'Crystal', ols: 'CHMO:0000156 | X-ray diffraction (XRD)' },
+  ]
+
+  def change
+
+    BATCH.each do |b|
+      sql = <<~SQL
+            UPDATE containers SET extended_metadata = extended_metadata || hstore('kind', \'#{b[:ols]}\')
+            WHERE extended_metadata->'kind' like \'#{b[:kind]}%\'
+          SQL
+      ActiveRecord::Base.connection.exec_query(sql)
+    end
+
+    CONV.each do |c|
+      sql = <<~SQL
+            UPDATE containers SET extended_metadata = extended_metadata || hstore('kind', \'#{c[:ols]}\')
+            WHERE extended_metadata->'kind' = \'#{c[:kind]}\'
+          SQL
+      ActiveRecord::Base.connection.exec_query(sql)
+    end
+
+  end
+end
diff --git a/db/migrate/20190726103900_map_profile_chmo_title.rb b/db/migrate/20190726103900_map_profile_chmo_title.rb
new file mode 100644
index 000000000..121769d40
--- /dev/null
+++ b/db/migrate/20190726103900_map_profile_chmo_title.rb
@@ -0,0 +1,39 @@
+class MapProfileChmoTitle < ActiveRecord::Migration
+  def change
+    Person.find_each do |u|
+      profile = u.profile
+      data = profile.data || {}
+      next unless data.present?
+      next unless data['chmo'].present?
+      chmo = data['chmo']
+      title = ''
+      chmo.each do |c|
+        case c['term_id'].strip
+          when 'CHMO:0000593'
+            title = '1H nuclear magnetic resonance spectroscopy (1H NMR)'
+          when 'CHMO:0000595'
+            title = '13C nuclear magnetic resonance spectroscopy (13C NMR)'
+          when 'CHMO:0000470'
+            title = 'mass spectrometry (MS)'
+          when 'CHMO:0001075'
+            title = 'elemental analysis (EA)'
+          when 'CHMO:0000497'
+            title= 'gas chromatography-mass spectrometry (GCMS)'
+          when 'CHMO:0001009'
+            title = 'high-performance liquid chromatography (HPLC)'
+          when 'CHMO:0000630'
+            title = 'infrared absorption spectroscopy (IR)'
+          when 'CHMO:0001007'
+            title = 'thin-layer chromatography (TLC)'
+          when 'CHMO:0000156'
+            title = 'X-ray diffraction (XRD)'
+          else
+            title = c['title']
+        end
+        c['title'] = title
+      end
+      data.merge!(chmo: chmo)
+      u.profile.update_columns(data: data)
+    end
+  end
+end
diff --git a/db/migrate/20190729086889_create_publication_ontologies.rb b/db/migrate/20190729086889_create_publication_ontologies.rb
new file mode 100644
index 000000000..f129aab32
--- /dev/null
+++ b/db/migrate/20190729086889_create_publication_ontologies.rb
@@ -0,0 +1,5 @@
+class CreatePublicationOntologies < ActiveRecord::Migration
+  def change
+    create_view :publication_ontologies
+  end
+end
diff --git a/db/migrate/20191030161832_create_publication_statics.rb b/db/migrate/20191030161832_create_publication_statics.rb
new file mode 100644
index 000000000..9fe62a21f
--- /dev/null
+++ b/db/migrate/20191030161832_create_publication_statics.rb
@@ -0,0 +1,5 @@
+class CreatePublicationStatics < ActiveRecord::Migration
+  def change
+    create_view :publication_statics
+  end
+end
diff --git a/db/migrate/20191219000002_create_users_collaborators.rb b/db/migrate/20191219000002_create_users_collaborators.rb
new file mode 100644
index 000000000..7d4ea2577
--- /dev/null
+++ b/db/migrate/20191219000002_create_users_collaborators.rb
@@ -0,0 +1,8 @@
+class CreateUsersCollaborators < ActiveRecord::Migration
+  def change
+    create_table :users_collaborators do |t|
+      t.integer :user_id
+      t.integer :collaborator_id
+    end
+  end
+end
diff --git a/db/migrate/20200203000001_create_public_scheme_only_collection.rb b/db/migrate/20200203000001_create_public_scheme_only_collection.rb
new file mode 100644
index 000000000..a0efd5214
--- /dev/null
+++ b/db/migrate/20200203000001_create_public_scheme_only_collection.rb
@@ -0,0 +1,19 @@
+class CreatePublicSchemeOnlyCollection < ActiveRecord::Migration
+  def change
+    chemotion_user = User.chemotion_user
+    public_scheme_reaction = Collection.scheme_only_reactions_collection || Collection.create(user: chemotion_user, label: 'Scheme-only reactions', is_shared: false, is_locked: false, is_synchronized: true)
+
+    users = User.where(type: 'Person')
+    users.each do |u|
+      root_collection_attributes = {
+        user: u,
+        shared_by_id: chemotion_user.id,
+        is_locked: true,
+        is_shared: true
+      }
+
+      rc = Collection.find_by(root_collection_attributes)
+      SyncCollectionsUser.find_or_create_by(user: u, shared_by_id: chemotion_user.id, collection_id: public_scheme_reaction.id, permission_level: 0, sample_detail_level: 10, reaction_detail_level: 10, fake_ancestry: rc.id.to_s)
+    end
+  end
+end
diff --git a/db/migrate/20200210000001_add_reactions_samples_scheme_yield.rb b/db/migrate/20200210000001_add_reactions_samples_scheme_yield.rb
new file mode 100644
index 000000000..526a16692
--- /dev/null
+++ b/db/migrate/20200210000001_add_reactions_samples_scheme_yield.rb
@@ -0,0 +1,5 @@
+class AddReactionsSamplesSchemeYield < ActiveRecord::Migration
+  def change
+    add_column :reactions_samples, :scheme_yield, :float
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index ebd193997..d750fdbd8 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -11,7 +11,7 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 20200117115709) do
+ActiveRecord::Schema.define(version: 20200212100002) do
 
   # These are extensions that must be enabled in order to support this database
   enable_extension "plpgsql"
@@ -243,6 +243,26 @@
 
   add_index "delayed_jobs", ["priority", "run_at"], name: "delayed_jobs_priority", using: :btree
 
+  create_table "dois", force: :cascade do |t|
+    t.integer  "molecule_id"
+    t.string   "inchikey"
+    t.integer  "molecule_count"
+    t.integer  "analysis_id"
+    t.string   "analysis_type"
+    t.integer  "analysis_count"
+    t.jsonb    "metadata",       default: {}
+    t.boolean  "minted",         default: false
+    t.datetime "minted_at"
+    t.datetime "created_at",                     null: false
+    t.datetime "updated_at",                     null: false
+    t.integer  "doiable_id"
+    t.string   "doiable_type"
+    t.string   "suffix"
+  end
+
+  add_index "dois", ["inchikey", "molecule_count", "analysis_type", "analysis_count"], name: "index_on_dois", unique: true, using: :btree
+  add_index "dois", ["suffix"], name: "index_dois_on_suffix", unique: true, using: :btree
+
   create_table "element_tags", force: :cascade do |t|
     t.string   "taggable_type"
     t.integer  "taggable_id"
@@ -539,6 +559,28 @@
   add_index "profiles", ["deleted_at"], name: "index_profiles_on_deleted_at", using: :btree
   add_index "profiles", ["user_id"], name: "index_profiles_on_user_id", using: :btree
 
+  create_table "publications", force: :cascade do |t|
+    t.string   "state"
+    t.jsonb    "metadata",              default: {}
+    t.jsonb    "taggable_data",         default: {}
+    t.jsonb    "dois",                  default: {}
+    t.string   "element_type"
+    t.integer  "element_id"
+    t.integer  "doi_id"
+    t.datetime "created_at"
+    t.datetime "updated_at"
+    t.datetime "deleted_at"
+    t.string   "original_element_type"
+    t.integer  "original_element_id"
+    t.string   "ancestry"
+    t.text     "metadata_xml"
+    t.integer  "published_by"
+    t.datetime "published_at"
+    t.jsonb    "review"
+  end
+
+  add_index "publications", ["ancestry"], name: "index_publications_on_ancestry", using: :btree
+
   create_table "reactions", force: :cascade do |t|
     t.string   "name"
     t.datetime "created_at",                                                                   null: false
@@ -582,8 +624,9 @@
     t.integer  "position"
     t.string   "type"
     t.datetime "deleted_at"
-    t.boolean  "waste",       default: false
-    t.float    "coefficient", default: 1.0
+    t.boolean  "waste",        default: false
+    t.float    "coefficient",  default: 1.0
+    t.float    "scheme_yield"
   end
 
   add_index "reactions_samples", ["reaction_id"], name: "index_reactions_samples_on_reaction_id", using: :btree
@@ -782,11 +825,11 @@
     t.string   "name_abbreviation",      limit: 5
     t.string   "type",                             default: "Person"
     t.string   "reaction_name_prefix",   limit: 3, default: "R"
+    t.hstore   "layout",                           default: {"sample"=>"1", "screen"=>"4", "reaction"=>"2", "wellplate"=>"3", "research_plan"=>"5"}, null: false
     t.string   "confirmation_token"
     t.datetime "confirmed_at"
     t.datetime "confirmation_sent_at"
     t.string   "unconfirmed_email"
-    t.hstore   "layout",                           default: {"sample"=>"1", "screen"=>"4", "reaction"=>"2", "wellplate"=>"3", "research_plan"=>"5"}, null: false
     t.integer  "selected_device_id"
     t.integer  "failed_attempts",                  default: 0,                                                                                       null: false
     t.string   "unlock_token"
@@ -809,6 +852,11 @@
   add_index "users_admins", ["admin_id"], name: "index_users_admins_on_admin_id", using: :btree
   add_index "users_admins", ["user_id"], name: "index_users_admins_on_user_id", using: :btree
 
+  create_table "users_collaborators", force: :cascade do |t|
+    t.integer "user_id"
+    t.integer "collaborator_id"
+  end
+
   create_table "users_devices", force: :cascade do |t|
     t.integer "user_id"
     t.integer "device_id"
@@ -849,22 +897,9 @@
   add_index "wells", ["sample_id"], name: "index_wells_on_sample_id", using: :btree
   add_index "wells", ["wellplate_id"], name: "index_wells_on_wellplate_id", using: :btree
 
+  add_foreign_key "dois", "molecules"
   add_foreign_key "literals", "literatures"
 
-  create_function :user_instrument, sql_definition: <<-SQL
-      CREATE OR REPLACE FUNCTION public.user_instrument(user_id integer, sc text)
-       RETURNS TABLE(instrument text)
-       LANGUAGE sql
-      AS $function$
-         select distinct extended_metadata -> 'instrument' as instrument from containers c
-         where c.container_type='dataset' and c.id in
-         (select ch.descendant_id from containers sc,container_hierarchies ch, samples s, users u
-         where sc.containable_type in ('Sample','Reaction') and ch.ancestor_id=sc.id and sc.containable_id=s.id
-         and s.created_by = u.id and u.id = $1 and ch.generations=3 group by descendant_id)
-         and upper(extended_metadata -> 'instrument') like upper($2 || '%')
-         order by extended_metadata -> 'instrument' limit 10
-       $function$
-  SQL
   create_function :collection_shared_names, sql_definition: <<-SQL
       CREATE OR REPLACE FUNCTION public.collection_shared_names(user_id integer, collection_id integer)
        RETURNS json
@@ -1001,16 +1036,6 @@
              select user_id from users_groups where group_id = $1
       $function$
   SQL
-  create_function :group_user_ids, sql_definition: <<-SQL
-      CREATE OR REPLACE FUNCTION public.group_user_ids(group_id integer)
-       RETURNS TABLE(user_ids integer)
-       LANGUAGE sql
-      AS $function$
-             select id from users where type='Person' and id= $1
-             union
-             select user_id from users_groups where group_id = $1
-      $function$
-  SQL
   create_function :generate_notifications, sql_definition: <<-SQL
       CREATE OR REPLACE FUNCTION public.generate_notifications(in_channel_id integer, in_message_id integer, in_user_id integer, in_user_ids integer[])
        RETURNS integer
@@ -1042,21 +1067,82 @@
       	return in_message_id;
       end;$function$
   SQL
-
-  create_view "v_samples_collections", sql_definition: <<-SQL
-      SELECT cols.id AS cols_id,
-      cols.user_id AS cols_user_id,
-      cols.sample_detail_level AS cols_sample_detail_level,
-      cols.wellplate_detail_level AS cols_wellplate_detail_level,
-      cols.shared_by_id AS cols_shared_by_id,
-      cols.is_shared AS cols_is_shared,
-      samples.id AS sams_id,
-      samples.name AS sams_name
-     FROM ((collections cols
-       JOIN collections_samples col_samples ON (((col_samples.collection_id = cols.id) AND (col_samples.deleted_at IS NULL))))
-       JOIN samples ON (((samples.id = col_samples.sample_id) AND (samples.deleted_at IS NULL))))
-    WHERE (cols.deleted_at IS NULL);
+  create_function :group_user_ids, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.group_user_ids(group_id integer)
+       RETURNS TABLE(user_ids integer)
+       LANGUAGE sql
+      AS $function$
+             select id from users where type='Person' and id= $1
+             union
+             select user_id from users_groups where group_id = $1
+      $function$
+  SQL
+  create_function :pub_reactions_by_molecule, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.pub_reactions_by_molecule(collection_id integer, molecule_id integer)
+       RETURNS TABLE(reaction_ids integer)
+       LANGUAGE sql
+      AS $function$
+          (select r.id from collections c, collections_reactions cr, reactions r, reactions_samples rs, samples s,molecules m
+           where c.id=$1 and c.id = cr.collection_id and cr.reaction_id = r.id
+           and r.id = rs.reaction_id and rs.sample_id = s.id and rs.type in ('ReactionsProductSample')
+           and c.deleted_at is null and cr.deleted_at is null and r.deleted_at is null and rs.deleted_at is null and s.deleted_at is null and m.deleted_at is null
+           and s.molecule_id = m.id and m.id=$2)
+        $function$
   SQL
+  create_function :shared_user_as_json, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.shared_user_as_json(in_user_id integer, in_current_user_id integer)
+       RETURNS json
+       LANGUAGE plpgsql
+      AS $function$
+         begin
+          if (in_user_id = in_current_user_id) then
+            return null;
+          else
+            return (select row_to_json(result) from (
+            select users.id, users.name_abbreviation as initials ,users.type,users.first_name || chr(32) || users.last_name as name
+            from users where id = $1
+            ) as result);
+          end if;
+          end;
+       $function$
+  SQL
+  create_function :user_as_json, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.user_as_json(user_id integer)
+       RETURNS json
+       LANGUAGE sql
+      AS $function$
+         select row_to_json(result) from (
+           select users.id, users.name_abbreviation as initials ,users.type,users.first_name || chr(32) || users.last_name as name
+           from users where id = $1
+         ) as result
+       $function$
+  SQL
+  create_function :user_ids, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.user_ids(user_id integer)
+       RETURNS TABLE(user_ids integer)
+       LANGUAGE sql
+      AS $function$
+          select $1 as id
+          union
+          (select users.id from users inner join users_groups ON users.id = users_groups.group_id WHERE users.deleted_at IS null
+         and users.type in ('Group') and users_groups.user_id = $1)
+        $function$
+  SQL
+  create_function :user_instrument, sql_definition: <<-SQL
+      CREATE OR REPLACE FUNCTION public.user_instrument(user_id integer, sc text)
+       RETURNS TABLE(instrument text)
+       LANGUAGE sql
+      AS $function$
+             select distinct extended_metadata -> 'instrument' as instrument from containers c
+             where c.container_type='dataset' and c.id in
+             (select ch.descendant_id from containers sc,container_hierarchies ch, samples s, users u
+             where sc.containable_type in ('Sample','Reaction') and ch.ancestor_id=sc.id and sc.containable_id=s.id
+             and s.created_by = u.id and u.id = $1 and ch.generations=3 group by descendant_id)
+             and upper(extended_metadata -> 'instrument') like upper($2 || '%')
+             order by extended_metadata -> 'instrument' limit 10
+           $function$
+  SQL
+
   create_view "literal_groups", sql_definition: <<-SQL
       SELECT lits.element_type,
       lits.element_id,
@@ -1100,4 +1186,104 @@
       users
     WHERE ((channels.id = messages.channel_id) AND (messages.id = notifications.message_id) AND (users.id = messages.created_by));
   SQL
+  create_view "publication_authors", sql_definition: <<-SQL
+      SELECT DISTINCT (jsonb_array_elements((publications.taggable_data -> 'creators'::text)) ->> 'id'::text) AS author_id,
+      publications.element_id,
+      publications.element_type,
+          CASE
+              WHEN ((publications.state)::text ~~ 'completed%'::text) THEN 'completed'::character varying
+              ELSE publications.state
+          END AS state,
+      publications.doi_id,
+      publications.ancestry
+     FROM publications
+    WHERE (publications.deleted_at IS NULL);
+  SQL
+  create_view "publication_ontologies", sql_definition: <<-SQL
+      SELECT root.element_type,
+      root.element_id,
+      sub.element_id AS container_id,
+      root.published_at,
+      (containers.extended_metadata -> 'kind'::text) AS ontologies,
+      btrim(split_part((containers.extended_metadata -> 'kind'::text), '|'::text, 1)) AS term_id,
+      btrim(split_part((containers.extended_metadata -> 'kind'::text), '|'::text, 2)) AS label
+     FROM publications root,
+      publications sub,
+      containers
+    WHERE (((root.state)::text ~~ 'complete%'::text) AND ((root.element_type)::text = ANY (ARRAY[('Sample'::character varying)::text, ('Reaction'::character varying)::text])) AND ((sub.element_type)::text = 'Container'::text) AND (root.id = ANY ((string_to_array((sub.ancestry)::text, '/'::text))::integer[])) AND (root.deleted_at IS NULL) AND (sub.element_id = containers.id));
+  SQL
+  create_view "publication_statics", sql_definition: <<-SQL
+      SELECT 'sample'::text AS el_type,
+      'sample-embargo'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text = 'accepted'::text) AND ((publications.element_type)::text = 'Sample'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'sample'::text AS el_type,
+      'sample-review'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text = ANY (ARRAY[('pending'::character varying)::text, ('reviewed'::character varying)::text])) AND ((publications.element_type)::text = 'Sample'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'sample'::text AS el_type,
+      'sample'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text ~~ 'completed%'::text) AND ((publications.element_type)::text = 'Sample'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'reaction'::text AS el_type,
+      'reaction-embargo'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text = 'accepted'::text) AND ((publications.element_type)::text = 'Reaction'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'reaction'::text AS el_type,
+      'reaction-review'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text = ANY (ARRAY[('pending'::character varying)::text, ('reviewed'::character varying)::text])) AND ((publications.element_type)::text = 'Reaction'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'reaction'::text AS el_type,
+      'reaction'::text AS ex_type,
+      count(publications.id) AS e_cnt
+     FROM publications
+    WHERE (((publications.state)::text ~~ 'completed%'::text) AND ((publications.element_type)::text = 'Reaction'::text) AND (publications.deleted_at IS NULL))
+  UNION
+   SELECT 'analysis'::text AS el_type,
+      summ.g_type AS ex_type,
+      sum(summ.c_num) AS e_cnt
+     FROM ( SELECT
+                  CASE
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%NMR%'::text) THEN 'NMR'::text
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%mass%'::text) THEN 'Mass'::text
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%DEPT%'::text) THEN 'DEPT'::text
+                      WHEN (((containers.extended_metadata -> 'kind'::text) ~~ '%X-ray%'::text) OR ((containers.extended_metadata -> 'kind'::text) ~~ '%CHMO:0000156%'::text)) THEN 'X-ray'::text
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%CHMO:0000630%'::text) THEN 'IR'::text
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%CHMO:0001007%'::text) THEN 'TLC'::text
+                      WHEN ((containers.extended_metadata -> 'kind'::text) ~~ '%CHMO:0001075%'::text) THEN 'EA'::text
+                      WHEN (split_part((containers.extended_metadata -> 'kind'::text), '|'::text, 2) <> ''::text) THEN btrim(split_part((containers.extended_metadata -> 'kind'::text), '|'::text, 2))
+                      ELSE (containers.extended_metadata -> 'kind'::text)
+                  END AS g_type,
+              count(containers.id) AS c_num
+             FROM containers
+            WHERE ((containers.id IN ( SELECT publications.element_id
+                     FROM publications
+                    WHERE (((publications.state)::text ~~ 'completed%'::text) AND ((publications.element_type)::text = 'Container'::text) AND (publications.deleted_at IS NULL)))) AND ((containers.extended_metadata -> 'kind'::text) <> ''::text))
+            GROUP BY (containers.extended_metadata -> 'kind'::text)) summ
+    GROUP BY summ.g_type;
+  SQL
+  create_view "v_samples_collections", sql_definition: <<-SQL
+      SELECT cols.id AS cols_id,
+      cols.user_id AS cols_user_id,
+      cols.sample_detail_level AS cols_sample_detail_level,
+      cols.wellplate_detail_level AS cols_wellplate_detail_level,
+      cols.shared_by_id AS cols_shared_by_id,
+      cols.is_shared AS cols_is_shared,
+      samples.id AS sams_id,
+      samples.name AS sams_name
+     FROM ((collections cols
+       JOIN collections_samples col_samples ON (((col_samples.collection_id = cols.id) AND (col_samples.deleted_at IS NULL))))
+       JOIN samples ON (((samples.id = col_samples.sample_id) AND (samples.deleted_at IS NULL))))
+    WHERE (cols.deleted_at IS NULL);
+  SQL
 end
diff --git a/db/views/publication_authors_v01.sql b/db/views/publication_authors_v01.sql
new file mode 100644
index 000000000..a197ca239
--- /dev/null
+++ b/db/views/publication_authors_v01.sql
@@ -0,0 +1,5 @@
+select distinct jsonb_array_elements(taggable_data->'creators')->>'id' as author_id,
+element_id,element_type,
+case when state like 'completed%' then 'completed' else state end as state
+, doi_id, ancestry
+from publications where deleted_at ISNULL
\ No newline at end of file
diff --git a/db/views/publication_ontologies_v01.sql b/db/views/publication_ontologies_v01.sql
new file mode 100644
index 000000000..81bc775ef
--- /dev/null
+++ b/db/views/publication_ontologies_v01.sql
@@ -0,0 +1,8 @@
+select root.element_type, root.element_id, sub.element_id as container_id,
+root.published_at, containers.extended_metadata->'kind' as ontologies, trim(split_part(containers.extended_metadata->'kind', '|',1)) as term_id,
+trim(split_part(containers.extended_metadata->'kind', '|',2)) as label
+from publications root, publications sub, containers
+where root.state like 'complete%' and root.element_type in ('Sample', 'Reaction') and sub.element_type in ('Container')
+and root.id = any (string_to_array(sub.ancestry, '/')::integer[])
+and root.deleted_at is null
+and sub.element_id = containers.id
\ No newline at end of file
diff --git a/db/views/publication_statics_v01.sql b/db/views/publication_statics_v01.sql
new file mode 100644
index 000000000..9470d5ab7
--- /dev/null
+++ b/db/views/publication_statics_v01.sql
@@ -0,0 +1,32 @@
+select 'sample' as el_type, 'sample-embargo' as ex_type, count(id) as e_cnt from publications where state in ('accepted') and element_type = 'Sample' and deleted_at is null
+union
+select 'sample' as el_type, 'sample-review' as ex_type, count(id) as e_cnt from publications where state in ('pending','reviewed') and element_type = 'Sample' and deleted_at is null
+union
+select 'sample' as el_type, 'sample' as ex_type, count(id) as e_cnt from publications where state like 'completed%' and element_type = 'Sample' and deleted_at is null
+union
+select 'reaction' as el_type, 'reaction-embargo' as ex_type, count(id) as e_cnt from publications where state in ('accepted') and element_type = 'Reaction' and deleted_at is null
+union
+select 'reaction' as el_type, 'reaction-review' as ex_type, count(id) as e_cnt from publications where state in ('pending','reviewed') and element_type = 'Reaction' and deleted_at is null
+union
+select 'reaction' as el_type, 'reaction' as ex_type, count(id) as e_cnt from publications where state like 'completed%' and element_type = 'Reaction' and deleted_at is null
+union
+select 'analysis' as el_type, summ.g_type as ex_type, sum(summ.c_num) as e_cnt from
+(
+select
+  case
+    when (extended_metadata->'kind') like '%NMR%' then 'NMR'
+    when (extended_metadata->'kind') like '%mass%' then 'Mass'
+    when (extended_metadata->'kind') like '%DEPT%' then 'DEPT'
+    when ((extended_metadata->'kind') like '%X-ray%' or (extended_metadata->'kind') like '%CHMO:0000156%') then 'X-ray'
+    when (extended_metadata->'kind') like '%CHMO:0000630%' then 'IR'
+    when (extended_metadata->'kind') like '%CHMO:0001007%' then 'TLC'
+    when (extended_metadata->'kind') like '%CHMO:0001075%' then 'EA'
+    when (SPLIT_PART((extended_metadata->'kind'),'|',2) <> '') then TRIM(SPLIT_PART((extended_metadata->'kind'),'|',2))
+    else (extended_metadata->'kind')
+  end g_type, count(id) as c_num
+from containers
+where id in (select element_id from publications
+where state like 'completed%' and element_type = 'Container' and deleted_at is null) and extended_metadata->'kind' <> ''
+group by (extended_metadata->'kind')
+) summ
+group by summ.g_type
diff --git a/lib/chemotion/open_babel_service.rb b/lib/chemotion/open_babel_service.rb
index 96ddccffd..fe9a31eb3 100644
--- a/lib/chemotion/open_babel_service.rb
+++ b/lib/chemotion/open_babel_service.rb
@@ -474,6 +474,19 @@ def self.get_smiles_from_molfile molfile
     return smi
   end
 
+  def self.get_ob_molfile_from_molfile molfile
+    c = OpenBabel::OBConversion.new
+    m = OpenBabel::OBMol.new
+    f = OpenBabel::OBMol.new
+
+    c.set_in_format('mol')
+    c.read_string(m, molfile)
+
+    c.set_out_format 'mol'
+    mf = c.write_string(m, false)
+    mf
+  end
+
   def self.substructure_match query, molfile_target
     c = OpenBabel::OBConversion.new
     m = OpenBabel::OBMol.new
diff --git a/lib/chemotion/pubchem_service.rb b/lib/chemotion/pubchem_service.rb
index 4105a976d..8d85099e2 100644
--- a/lib/chemotion/pubchem_service.rb
+++ b/lib/chemotion/pubchem_service.rb
@@ -91,4 +91,8 @@ def self.molfile_from_smiles smiles
   def self.xref_from_inchikey inchikey
     PubChem.get_xref_by_inchikey(inchikey)
   end
+
+  def self.sid_from_doi doi
+    record = PubChem.get_sid_from_doi(doi)
+  end
 end
diff --git a/lib/datacite.rb b/lib/datacite.rb
new file mode 100644
index 000000000..641ca581c
--- /dev/null
+++ b/lib/datacite.rb
@@ -0,0 +1,87 @@
+require 'net/http'
+require 'openssl'
+
+module Datacite
+
+  BASE_URI = 'https://mds.datacite.org/'
+  BASE_URI_TEST = 'https://mds.test.datacite.org/'
+  RESOURCES = { doi: '/doi', metadata: '/metadata', media: '/media' }
+  AUTH = {:username => ENV['DOI_SYMBOL'], :password => ENV['DOI_PASSWORD']}
+
+  class Mds
+    attr_reader :doi_domain, :doi_prefix
+
+    def initialize(**options)
+      if options[:authorize]
+        @username = options[:authorize][:usr]
+        @passwd = options[:authorize][:pwd]
+      else
+        @username = AUTH[:username]
+        @passwd = AUTH[:password]
+      end
+
+      if options[:testing] || ENV['DATACITE_MODE'] == 'test' || !Rails.env.production?
+        @uri = URI.parse(BASE_URI_TEST)
+        @test_mode = true
+        @test_mode_query = '' # 'testMode=true'
+        @base_uri = BASE_URI_TEST
+        @doi_domain = ENV['DOI_DOMAIN_TEST']
+        @doi_prefix = ENV['DOI_PREFIX_TEST'] || '10.5072'
+      else
+        @uri = URI.parse(BASE_URI)
+        @test_mode = false
+        @test_mode_query = ''
+        @base_uri = BASE_URI
+        @doi_domain = ENV['DOI_DOMAIN']
+        @doi_prefix = ENV['DOI_PREFIX']
+      end
+    end
+
+    def mint(doi, url)
+      @uri.path = RESOURCES[:doi]
+      # @uri.query = @test_mode_query if @test_mode
+      request = Net::HTTP::Post.new(@uri.request_uri)
+      request.content_type = 'text/plain'
+      request.set_form_data({doi: doi, url: url})
+      fetch(request)
+    end
+
+    def delete_doi(full_doi)
+      @uri.path = RESOURCES[:metadata] + '/' + full_doi
+      request = Net::HTTP::Delete.new(@uri.request_uri)
+      request.content_type = 'application/plain;charset=UTF-8'
+      fetch(request)
+    end
+
+    def upload_metadata(xml_string)
+      @uri.path = RESOURCES[:metadata]
+      # @uri.query = @test_mode_query if @test_mode
+      request = Net::HTTP::Post.new(@uri.request_uri)
+      request.content_type = 'application/xml;charset=UTF-8'
+      request.body = xml_string
+      fetch(request)
+    end
+
+    def fetch(request, request_limit = 5)
+      raise ArgumentError, 'HTTP redirect too deep' if request_limit <= 0
+      @http ||= Net::HTTP.new(@uri.host, @uri.port)
+      @http.use_ssl = true
+      # @http.verify_mode = OpenSSL::SSL::VERIFY_NONE
+      request.basic_auth(@username, @passwd) if (@username && @passwd)
+      response = @http.request(request)
+
+      case response
+      when Net::HTTPSuccess
+        response
+      when Net::HTTPRedirection
+        url = URI.parse(response['location'])
+        req = Net::HTTP::Post.new(url.request_uri)
+        req.content_type = request.content_type
+        req.body = request.body unless request.body.nil?
+        fetch(req, request_limit - 1)
+      else
+        response
+      end
+    end
+  end
+end
diff --git a/lib/export/export_excel.rb b/lib/export/export_excel.rb
index 1cc560afb..c94da9641 100644
--- a/lib/export/export_excel.rb
+++ b/lib/export/export_excel.rb
@@ -100,8 +100,9 @@ def filter_with_permission_and_detail_level(sample)
         dl = sample['dl_wp'] && sample['dl_wp'].to_i ||
           sample['dl_r'] && sample['dl_r'].to_i || 0
         # NB: as of now , only dl 0 and 10 are implemented
-        dl = 10 if dl.positive?
+        dl = 10 if dl.to_i.positive?
         headers = instance_variable_get("@headers#{sample['dl_s']}#{dl}")
+        headers = @headers if headers.nil?
         data = headers.map { |column| column ? sample[column] : nil }
         data[@image_index] = svg_path(sample) if headers.include?('image')
       end
diff --git a/lib/export/export_table.rb b/lib/export/export_table.rb
index 719f4f255..d0ca52df5 100644
--- a/lib/export/export_table.rb
+++ b/lib/export/export_table.rb
@@ -10,7 +10,7 @@ class ExportTable
       'sample external label', 'sample name', 'target amount', 'target unit',
       'real amount', 'real unit', 'description', 'purity', 'solvent', 'location',
       'secret', 'short label', 'density', 'melting pt', 'boiling pt', 'created_at',
-      'updated_at', 'MW'
+      'updated_at', 'MW', 'doi'
     ].freeze
 
     # allowed sample/molecule headers for sample detail level 10
@@ -112,6 +112,7 @@ def generate_headers_sample_id
     end
 
     def add_analyses_header(selected_headers)
+      @headers << "doi"
       h = HEADERS_ANALYSIS + HEADERS_DATASET + HEADERS_ATTACHMENT
       h = h & selected_headers
       @headers += h
diff --git a/lib/import/import_json.rb b/lib/import/import_json.rb
index ca1a0c585..c17dca6fa 100644
--- a/lib/import/import_json.rb
+++ b/lib/import/import_json.rb
@@ -242,7 +242,7 @@ def create_analyses(uuid, el)
   end
 
   def create_datasets(datasets, analysis)
-    datasets.each do |a|
+    datasets&.each do |a|
       # next unless (remote_id = a['analysis_id'])
       # next unless (analysis_id = @log['analyses'][remote_id])
       # new_a = Container.find_by(id: analysis_id).children.create(
diff --git a/lib/pub_chem.rb b/lib/pub_chem.rb
index 74d704db8..9fe5c491e 100644
--- a/lib/pub_chem.rb
+++ b/lib/pub_chem.rb
@@ -3,6 +3,8 @@ module PubChem
 
   #debug_output $stderr
   PUBCHEM_HOST = 'pubchem.ncbi.nlm.nih.gov'
+  DEPOSITOR_NAME = 'Chemotion'
+
 
   def self.http_s
     Rails.env.test? && "http://" || "https://"
@@ -83,6 +85,22 @@ def self.get_molfiles_by_inchikeys(inchikeys)
     HTTParty.post(http_s+'/rest/pug/compound/inchikey/record/SDF', options).body
   end
 
+  def self.get_sid_from_doi(doi)
+    options = {
+      :timeout => 10,
+      :headers => {'Content-Type' => 'application/x-www-form-urlencoded'},
+      :body => { 'sourceid' => doi }
+    }
+    begin
+      resp = HTTParty.post(http_s + PUBCHEM_HOST + '/rest/pug/substance/sourceid/' + DEPOSITOR_NAME + '/sids/TXT', options)
+      return nil unless resp.success?
+      resp.body.presence&.strip
+    rescue => e
+      Rails.logger.error "[RESCUE EXCEPTION] of [get_sid_from_doi] with doi [#{doi}], exception [#{e.inspect}]"
+      return nil
+    end
+  end
+
   def self.get_molfile_by_smiles(smiles)
     @auth = {:username => '', :password => ''}
     options = { :timeout => 10,  :headers => {'Content-Type' => 'text/json'}  }
diff --git a/lib/reporter/worker.rb b/lib/reporter/worker.rb
index b64a99e73..0f17e9f3d 100644
--- a/lib/reporter/worker.rb
+++ b/lib/reporter/worker.rb
@@ -105,7 +105,7 @@ def substance
     def prism(objs)
       cont_objs, proc_objs = [], []
       objs.each do |obj|
-        next if obj[:type] == "sample"
+        next if obj[:type] == "sample" && @report.template != 'doi_list_xlsx'
         is_general_procedure(obj) ? proc_objs.push(obj) : cont_objs.push(obj)
       end
       return cont_objs, proc_objs
diff --git a/lib/reporter/worker_doi_list.rb b/lib/reporter/worker_doi_list.rb
new file mode 100644
index 000000000..95ed1dfa4
--- /dev/null
+++ b/lib/reporter/worker_doi_list.rb
@@ -0,0 +1,34 @@
+module Reporter
+  class WorkerDoiList < Worker
+    def initialize(args)
+      super(args)
+    end
+
+    def process
+      @content_objs, @procedure_objs = prism(@objs)
+      @tmpfile = Tempfile.new
+
+      case @ext
+      when 'xlsx'
+        create_xlsx
+      end
+
+      create_attachment(@tmpfile) if @tmpfile
+    end
+
+    private
+
+    def contents
+      @objs
+    end
+
+    def create_xlsx
+      @full_filename = "#{@file_name}.xlsx"
+      @typ = XLSX_TYP
+      Reporter::Xlsx::DoiList.new(
+        objs: @content_objs,
+        mol_serials: @mol_serials
+      ).create(@tmpfile.path)
+    end
+  end
+end
diff --git a/lib/reporter/xlsx/doi_list.rb b/lib/reporter/xlsx/doi_list.rb
new file mode 100644
index 000000000..baf39951d
--- /dev/null
+++ b/lib/reporter/xlsx/doi_list.rb
@@ -0,0 +1,121 @@
+module Reporter
+  module Xlsx
+    class DoiList
+      IMG_HEIGHT = 68
+      IMG_WIDTH = 300
+      TEXT_SIZE = 14
+      ROW_PRD_BEGIN = 3
+      IMG_BEGIN_X = 2
+      IMG_BEGIN_Y = 1
+      ROW_HEIGHT = 60
+      HEADERS = [
+        'Label', 'Type', 'Image', 'DOI', 'URL'
+      ].freeze
+
+      def initialize(args)
+        @objs = args[:objs]
+        @mol_serials = args[:mol_serials] || []
+      end
+
+      def create(file_name)
+        xfile = Axlsx::Package.new
+        file_extension = 'xlsx'
+        xfile.workbook.styles.fonts.first.name = 'Calibri'
+        @sheet = xfile.workbook.add_worksheet(name: 'Repository Report DOI List')
+        @style_header = @sheet.styles.add_style(sz: 16, :border => { :style => :thick, :color => "FF777777" })
+        @style_data = @sheet.styles.add_style(sz: 14, :alignment=>{:vertical => :center}, :border => { :style => :thin, :color => "FF777777" })
+        @style_first = @sheet.styles.add_style(sz: 14, :alignment=>{:vertical => :center}, :border => { :style => :thick, :color => "FF777777", :edges => [:top] })
+        @sheet.add_row(HEADERS, style: @style_header)
+
+        row_content
+
+        @sheet.column_widths 15, 10, 50, 80, 120
+        xfile.serialize(file_name)
+
+      end
+
+      private
+
+      def row_counts
+        @objs.length + ROW_PRD_BEGIN
+      end
+
+      #
+      # def row_sub_title
+      #   @sheet.add_row [
+      #
+      #   ], sz: TEXT_SIZE, height: 20, b: true
+      # end
+
+      def add_content_to_row(p, lv)
+        return if p.nil?
+        if p.element_type == 'Sample'
+          serial = Reporter::Helper.mol_serial(p.element&.molecule_id, @mol_serials)
+        end
+        @sheet.add_row([
+          serial,
+          p.element_type == 'Container' ? 'Analysis' : p.element_type,
+          '',
+          p.doi.full_doi,
+          'https://dx.doi.org/' + p.doi.full_doi,
+        ], height: p.element_type == 'Container' ? 20 : ROW_HEIGHT, style: lv == 1 ? @style_first : @style_data)
+        add_img_to_row(p)
+        @counter += 1
+      end
+
+      def create_file(png_blob)
+        file = Tempfile.new(['image', '.png'])
+        file.binmode
+        file.write(png_blob)
+        file.flush
+        # file.close
+        file
+      end
+
+      def get_image_from_svg(svg_path)
+        image = Magick::Image.read(svg_path) { self.format = 'SVG'; }.first
+        # image = image.resize_to_fit(200, 168)
+        image.format = 'png'
+        file = create_file(image.to_blob)
+        { path: file.path, width: image.columns, height: image.rows }
+      end
+
+      def add_img_to_row(p)
+        svg_path ='public/images/reactions/' + p.element&.reaction_svg_file if p.element_type == 'Reaction'
+        svg_path ='public/images/samples/' + p.element&.sample_svg_file if p.element_type == 'Sample'
+
+        image_data = get_image_from_svg(svg_path) unless svg_path.nil?
+        img_src = image_data[:path] unless image_data.nil?
+
+        return if img_src.nil?
+        @sheet.add_image(image_src: img_src) do |img|
+          img.height = IMG_HEIGHT.to_i
+          img.width = image_data[:width] * IMG_HEIGHT.to_i / image_data[:height]
+          img.start_at IMG_BEGIN_X, (IMG_BEGIN_Y + @counter)
+        end
+      end
+
+      def row_content
+        @counter = 0
+        @objs.each do |obj|
+          publication = Publication.find_by(element_id: obj[:id], element_type: obj[:type].capitalize)
+          next if publication.nil?
+          add_content_to_row(publication,1)
+
+          publication&.children&.each do |a|
+            next if a&.element_type == 'Sample'
+            add_content_to_row(a, 2)
+          end
+
+          publication&.children&.each do |s|
+            next if s&.element_type == 'Container'
+            add_content_to_row(s, 2)
+            s.children&.each do |a|
+              add_content_to_row(a, 3)
+            end
+          end
+        end
+      end
+    end
+  end
+end
diff --git a/lib/svg/reaction_composer.rb b/lib/svg/reaction_composer.rb
index 68ba9815d..d02df35f8 100644
--- a/lib/svg/reaction_composer.rb
+++ b/lib/svg/reaction_composer.rb
@@ -152,6 +152,7 @@ def self.reaction_svg_from_rsmi(rsmi)
 
     def compose_reaction_svg_and_save(options = {})
       prefix = options[:temp] ? 'temp-' : ''
+      prefix += "#{options[:prefix]}"
       svg = compose_reaction_svg
       file_name = prefix + generate_filename
       File.open(file_path + '/' + file_name, 'w') { |file| file.write(svg) }
diff --git a/lib/tasks/data/ver_20180409000000_publication_tag_upgrade.rake b/lib/tasks/data/ver_20180409000000_publication_tag_upgrade.rake
new file mode 100644
index 000000000..bf64f37af
--- /dev/null
+++ b/lib/tasks/data/ver_20180409000000_publication_tag_upgrade.rake
@@ -0,0 +1,45 @@
+namespace :data do
+  desc 'Upgrade publication tag'
+  # auhor = Person instance
+  # obsolete:
+  # author_names: authors.map(&:name),
+  # affiliation_ids: authors.map(&:current_affiliations).map { |as| as.map(&:id) },
+  #
+  # added:
+  # creators: [{
+  #   id: author.id,
+  #   givenName: author.first_name,
+  #   familyName: author.last_name,
+  #   name:  author.name,
+  #   orcid: author.orcid,
+  #   affiliationIds:[]
+  # }],
+  #
+  # unchanged:
+  # published_by: authors[0].id,
+  # author_ids: authors.map(&:id),
+  # affilations: { id: full_affiliation_name }
+  # queued_at: DateTime
+  task ver_20180409000000_publication_tag_upgrade: :environment do
+    published_samples = Collection.public_collection.samples.includes(:molecule,:tag)
+    published_samples.map do |s|
+      taggable_data = s.tag.taggable_data
+      tag = taggable_data['publication']
+      next unless tag
+      author_ids = (tag['author_ids'] || [])
+      tag['creators'] = author_ids.map { |author_id|
+        author = Person.find_by(id: author_id)
+        next unless author
+        {
+          id: author.id,
+          givenName: author.first_name,
+          familyName: author.last_name,
+          name: author.name,
+          orcid: author.orcid,
+          affiliationIds: author.current_affiliations.map(&:id)
+        }
+      }.compact
+      s.tag.update!(taggable_data: taggable_data.merge(publication: tag))
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20180509000000_publication_tag_upgrade.rake b/lib/tasks/data/ver_20180509000000_publication_tag_upgrade.rake
new file mode 100644
index 000000000..9a2c1c07c
--- /dev/null
+++ b/lib/tasks/data/ver_20180509000000_publication_tag_upgrade.rake
@@ -0,0 +1,47 @@
+namespace :data do
+  desc 'Upgrade publication tag'
+  # auhor = Person instance
+  # obsolete:
+  # author_names: authors.map(&:name),
+  # affiliation_ids: authors.map(&:current_affiliations).map { |as| as.map(&:id) },
+  #
+  # added:
+  # creators: [{
+  #   id: author.id,
+  #   givenName: author.first_name,
+  #   familyName: author.last_name,
+  #   name:  author.name,
+  #   orcid: author.orcid,
+  #   affiliationIds:[]
+  # }],
+  #
+  # unchanged:
+  # published_by: authors[0].id,
+  # author_ids: authors.map(&:id),
+  # affilations: { id: full_affiliation_name }
+  # queued_at: DateTime
+  task ver_20180509000000_publication_tag_upgrade: :environment do
+    published_samples = Collection.public_collection.samples.includes({molecule: [:tag]},:tag)
+    published_samples.map do |s|
+      taggable_data = s.tag.taggable_data
+      tag = taggable_data['publication']
+      mt = s.molecule.tag
+      mt_data = mt.taggable_data || {}
+      mt_data['chemotion'] = {}
+      doi = nil
+      last_published_at = nil
+      if tag.present?
+        tag['doi'] =~ /10\.\d+\/(\w|-)+/
+        doi = $&
+        if tag['published_at']
+          t = DateTime.parse(tag['published_at'])
+          last_published_at = t if (!last_published_at || t > last_published_at)
+        end
+      end
+      mt_data['chemotion']['doi'] = doi if doi
+      mt_data['chemotion']['chemotion_first'] = mt_data['chemotion_first'] if mt_data['chemotion_first']
+      mt_data['chemotion']['last_published_at'] = last_published_at if last_published_at
+      mt.update_columns(taggable_data: mt_data)
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20180618000000_publication_tag_upgrade_3.rake b/lib/tasks/data/ver_20180618000000_publication_tag_upgrade_3.rake
new file mode 100644
index 000000000..fb4694b6f
--- /dev/null
+++ b/lib/tasks/data/ver_20180618000000_publication_tag_upgrade_3.rake
@@ -0,0 +1,35 @@
+namespace :data do
+  desc 'Upgrade publication tag'
+  # auhor = Person instance
+  # obsolete:
+  # author_names: authors.map(&:name),
+  # affiliation_ids: authors.map(&:current_affiliations).map { |as| as.map(&:id) },
+  #
+  # added:
+  # creators: [{
+  #   id: author.id,
+  #   givenName: author.first_name,
+  #   familyName: author.last_name,
+  #   name:  author.name,
+  #   orcid: author.orcid,
+  #   affiliationIds:[]
+  # }],
+  #
+  # unchanged:
+  # published_by: authors[0].id,
+  # author_ids: authors.map(&:id),
+  # affilations: { id: full_affiliation_name }
+  # queued_at: DateTime
+  task ver_20180618000000_publication_tag_upgrade_3: :environment do
+    published_samples = Collection.public_collection.samples.includes({molecule: [:tag]},:tag)
+    published_samples.map do |s|
+      taggable_data = s.tag.taggable_data
+      s.analyses.each do |ana|
+        doi = ana.get_doi
+        data = ana.tag&.taggable_data
+        data['publication']['analysis_doi'] = doi if data && data['publication']
+        ana.tag&.update(taggable_data: data)
+      end
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20190116155110_doi_migration.rake b/lib/tasks/data/ver_20190116155110_doi_migration.rake
new file mode 100644
index 000000000..083e15982
--- /dev/null
+++ b/lib/tasks/data/ver_20190116155110_doi_migration.rake
@@ -0,0 +1,133 @@
+namespace :data do
+  desc 'doi migration'
+  task ver_20190116155110_doi_migration: :environment do
+    begin
+      log_file = File.open(
+        Rails.root.join('log', 'ver_20190116155110_doi_migration.log'),
+        'a'
+      )
+    KIT_DOI = '10.14272/'
+    proc_taggable = Proc.new do |type, id, parent_type, parent_id|
+
+      tag = ElementTag.where(taggable_type: type, taggable_id: id).first
+      parent_tag = ElementTag.where(taggable_type: parent_type, taggable_id: parent_id).first unless parent_type.nil? || parent_id.nil?
+      return {} unless tag && tag.taggable_data && tag.taggable_data['publication']
+      if type === 'Sample'
+        doi = Doi.where(doiable_type: type, doiable_id: id).first
+      else
+        doi = Doi.where(doiable_type: parent_type, doiable_id: parent_id).first
+      end
+
+      taggable_data = {
+        doi: KIT_DOI + doi.suffix,
+        creators: tag.taggable_data['publication']['creators'] || (parent_tag && parent_tag.taggable_data['publication']['creators']),
+        queued_at: tag.taggable_data['publication']['queued_at'] || (parent_tag && parent_tag.taggable_data['publication']['queued_at']),
+        author_ids: tag.taggable_data['publication']['author_ids'] || (parent_tag && parent_tag.taggable_data['publication']['author_ids']),
+        doi_reg_at: tag.taggable_data['publication']['doi_reg_at'],
+        chem_first: tag.taggable_data['publication']['chem_first'] || (parent_tag && parent_tag.taggable_data['publication']['chem_first']),
+        pubchem_reg_at: tag.taggable_data['publication']['pubchem_reg_at'],
+        affiliations: tag.taggable_data['publication']['affiliations'] || (parent_tag && parent_tag.taggable_data['publication']['affiliations']),
+        published_at: tag.taggable_data['publication']['published_at'],
+        published_by: tag.taggable_data['publication']['published_by'],
+        sample_version: tag.taggable_data['publication']['sample_version']
+      }
+      taggable_data.merge!(analysis_doi: tag.taggable_data['publication']['analysis_doi'])  if type === 'Container'
+      taggable_data.merge!(dataset_version: tag.taggable_data['publication']['dataset_version'])  if type === 'Container'
+      taggable_data
+    end
+
+    proc_metaxml = Proc.new do |doi_path|
+      datacite_url = 'https://api.datacite.org/works/'
+      target = datacite_url + doi_path
+      connection = Faraday.new(url: target) do |f|
+        f.use FaradayMiddleware::FollowRedirects
+        f.adapter :net_http
+      end
+      resp = connection.get { |req| req.url('/works/' + doi_path) }
+      Base64.decode64 JSON.parse(resp.body)['data']['attributes']['xml'] unless JSON.parse(resp.body)['data'].nil?
+    end
+    log_file.write "~~~~~~#{Time.now.to_s}~~~~~~~\n"
+    CollectionsSample.where(collection_id: 103).find_each(batch_size: 10) do |cs|
+      log_file.write("Sample #{cs.sample_id}: start\n")
+      sleep(1.second)
+      s = Sample.find(cs.sample_id)
+      pub = Publication.find_by(element_type: 'Sample', element_id: s.id)
+
+      if pub.present?
+        log_file.write "Sample #{s.id}: already existing publication #{pub.id}\n "
+        next
+      end
+
+      ## only process the publication tag exist!
+      tag = ElementTag.where(taggable_type: 'Sample', taggable_id: s.id).first
+      next if tag.taggable_data['publication'].nil?
+
+      doi = Doi.where(doiable_type: 'Sample', doiable_id: s.id).first
+      next if doi.nil?
+      # pub.doi = doi unless doi.nil?
+
+      pub = Publication.create!(
+        state: 'start',
+        element_id: s.id,
+        element_type: 'Sample',
+        doi: doi
+      )
+
+      orig_elements = ElementTag.where(["taggable_type=(?) and taggable_data->>'public_sample' = (?)", 'Sample', s.id.to_s]).first
+      unless orig_elements.nil?
+        pub.original_element_type = 'Sample'
+        pub.original_element_id = orig_elements.taggable_id
+      end
+
+      pub.taggable_data = proc_taggable.call('Sample', s.id)
+
+      #doi_path = pub.taggable_data['doi']
+      doi_path = KIT_DOI + doi.suffix
+      log_file.write "query datacite: #{Time.now.to_s}\n"
+      sleep(0.5.second)
+      pub.metadata_xml = proc_metaxml.call(doi_path)
+      log_file.write("DIDNOT GET METADATA FROM DATACITE") unless pub.metadata_xml.present?
+      pub.state = 'completed ver_20190116155110' unless pub.metadata_xml.nil?
+
+      pub.save!
+      log_file.write "#{pub.element_type} #{pub.element_id}: done with publication #{pub.id}\n "
+      s.analyses&.each do |a|
+
+        a_doi = Doi.where(doiable_type: 'Container', doiable_id: a.id).first
+        next if a_doi.nil?
+
+        pa = Publication.create!(
+          state: 'start',
+          element_id: a.id,
+          element_type: 'Container',
+          ancestry: pub.id.to_s,
+          doi: a_doi
+        )
+
+        pa.taggable_data = proc_taggable.call('Container', a.id, 'Sample', s.id)
+
+        unless orig_elements.nil?
+          os = Sample.find(orig_elements.taggable_id)
+
+          orig_analysis = os&.analyses&.select{ |oa| oa.extended_metadata['index'] == a.extended_metadata['index'] }
+          if (orig_analysis&.length > 0)
+            pa.original_element_type = 'Container'
+            pa.original_element_id = orig_analysis[0].id
+          end
+        end
+
+        # doi_path = pa.taggable_data['doi']
+        doi_path = KIT_DOI + a_doi.suffix
+        log_file.write "query datacite: #{Time.now.to_s}\n"
+        pa.metadata_xml = proc_metaxml.call(doi_path)
+        log_file.write("DIDNOT GET METADATA FROM DATACITE") unless pa.metadata_xml.present?
+        pa.state = 'completed ver_20190116155110' unless pa.metadata_xml.nil?
+        pa.save!
+        log_file.write "#{pa.element_type} #{pa.element_id}: done with publication #{pa.id}\n "
+      end
+    end
+    ensure
+      log_file.close
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20190128000004_copy_image_to_public.rake b/lib/tasks/data/ver_20190128000004_copy_image_to_public.rake
new file mode 100644
index 000000000..d11f84291
--- /dev/null
+++ b/lib/tasks/data/ver_20190128000004_copy_image_to_public.rake
@@ -0,0 +1,18 @@
+namespace :data do
+  desc 'Copy image file to public folder'
+  task ver_20190128000004_copy_image_to_public: :environment do
+    attachments = Attachment.joins("inner join containers on containers.id = attachments.attachable_id")
+    .joins("inner join publications on publications.element_id = containers.parent_id")
+    .where("attachments.attachable_type = 'Container' and containers.container_type = 'dataset' and publications.element_type = 'Container' and publications.state = 'completed'")
+
+    attachments.each do |att|
+      # copy publication image file to public/images/publications/{attachment.id}/{attachment.filename}
+      if MimeMagic.by_path(att.filename)&.type&.start_with?("image")
+        file_path = File.join('public/images/publications/', att.id.to_s, '/', att.filename)
+        public_path = File.join('public/images/publications/', att.id.to_s)
+        FileUtils.mkdir_p(public_path)
+        File.write(file_path, att.store.read_file.force_encoding("utf-8")) if att.store.file_exist?
+      end
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20190225105803_manual_reject_publication.rake b/lib/tasks/data/ver_20190225105803_manual_reject_publication.rake
new file mode 100644
index 000000000..739c3aff6
--- /dev/null
+++ b/lib/tasks/data/ver_20190225105803_manual_reject_publication.rake
@@ -0,0 +1,46 @@
+namespace :data do
+  desc 'Manual reject publication to retracted collection'
+  task :ver_20190225105803_manual_reject_publication, [:new_element_id, :new_element_type] do |t, args|
+    proc_reject_analyses = Proc.new do |parent|
+      return if parent.nil?
+      parent&.analyses&.each do |a|
+        atag = a&.tag&.taggable_data&.delete("public_analysis")
+        a.tag.save! unless atag.nil?
+      end
+    end
+
+    publication = Publication.find_by(element_id: args[:new_element_id], element_type: args[:new_element_type], ancestry: nil, state: 'pending')
+
+    ot = publication.original_element&.tag&.taggable_data&.delete("public_#{publication.element_type.downcase}")
+    publication.original_element.tag.save! unless ot.nil?
+    pp = publication.original_element&.tag&.taggable_data&.delete("publish_pending")
+    publication.original_element.tag.save! unless pp.nil?
+
+    proc_reject_analyses.call(publication.original_element)
+
+    if publication.element_type == 'Reaction'
+      publication.original_element&.samples.each do |s|
+        t = s.tag&.taggable_data&.delete('public_sample')
+        s.tag.save! unless t.nil?
+        spp = s.tag&.taggable_data&.delete('publish_pending')
+        s.tag.save! unless spp.nil?
+
+        proc_reject_analyses.call(s)
+      end
+    end
+
+    publications = [publication] + publication.descendants
+    publications.each { |d| d.update_columns(state: 'retracted') }
+
+    case publication.element_type
+    when 'Reaction'
+      publication.element.collections&.each do |c|
+        CollectionsReaction.move_to_collection(publication.element.id, c.id ,1179)
+      end
+    when 'Sample'
+      publication.element.collections&.each do |c|
+        CollectionsSample.move_to_collection(publication.element.id, c.id ,1179)
+      end
+    end
+  end
+end
diff --git a/lib/tasks/data/ver_20190318_doodle_cleaning.rake b/lib/tasks/data/ver_20190318_doodle_cleaning.rake
new file mode 100644
index 000000000..772f8cd04
--- /dev/null
+++ b/lib/tasks/data/ver_20190318_doodle_cleaning.rake
@@ -0,0 +1,55 @@
+namespace :data do
+  desc 'clean faulty molfile from ChemDoodle'
+  task :ver_20190318_doodle_cleaning, [:dry_run] => [:environment] do |t, args|
+    clean_molecule = Proc.new do |molecule, dry_run, matcher|
+      dry_run = true unless dry_run.equal? false
+      matcher ||= 'ChemDoodle'
+      mol = molecule.molfile
+      unless mol =~ /#{matcher}/
+        puts "Molecule ##{molecule.id}: nothing to do"
+        next
+      end
+      puts "Molecule ##{molecule.id}: doodle cleaning"
+      cleaned_mol = Chemotion::OpenBabelService.get_ob_molfile_from_molfile(mol)
+      inf = Chemotion::OpenBabelService.molecule_info_from_structure(cleaned_mol)
+
+
+      if inf[:inchikey] != molecule.inchikey
+        puts "InChIKey MISMATCH"
+        next
+      end
+      puts "updating molfile"
+        molecule.molfile = cleaned_mol
+      if inf[:cano_smiles] != molecule.cano_smiles
+        puts "updating cano_smiles too: #{molecule.cano_smiles} -> #{inf[:cano_smiles]}"
+        molecule.cano_smiles = inf[:cano_smiles]
+      end
+
+      # if copy_molfile
+      #   File.write("doodle_#{molecule.id}.mol", mol)
+      #   File.write("ob_#{molecule.id}.mol", cleaned_mol)
+      # end
+      molecule.save! unless dry_run
+    end
+
+    clean_molecules = Proc.new do |scope, dry_run, matcher|
+      scope.find_each do |m|
+        clean_molecule.call(m, dry_run, matcher)
+      end
+    end
+
+    mols = Molecule.all
+    dr = args[:dry_run].clone
+    unless !!dr == dr
+      dr = case args[:dry_run]
+           when 'true'
+             dr = true
+           when 'false'
+            dr = false
+           else
+             false
+           end
+    end
+    clean_molecules.call(mols, args[:dry_run])
+  end
+end
diff --git a/lib/tasks/email_confirmation.rake b/lib/tasks/email_confirmation.rake
new file mode 100644
index 000000000..cb987a12d
--- /dev/null
+++ b/lib/tasks/email_confirmation.rake
@@ -0,0 +1,8 @@
+namespace :email_confirmation do
+  task yearly: :environment do
+    Person.where("confirmed_at < ?", Time.now - 1.year ).each do |person|
+      person.update!(confirmed_at: nil, unconfirmed_email: person.email)
+      person.send_confirmation_instructions
+    end
+  end
+end
diff --git a/lib/tasks/publication_tag.rake b/lib/tasks/publication_tag.rake
new file mode 100644
index 000000000..0c24949dc
--- /dev/null
+++ b/lib/tasks/publication_tag.rake
@@ -0,0 +1,75 @@
+namespace :publication_tag do
+  desc 'regerate the authors\'names to display with published samples'
+  task reprint_name: :environment do
+    Collection.public_collection.samples.includes(:molecule, :tag).each do |s|
+      td = s.tag.taggable_data
+      tag = td['publication']
+      next unless tag
+      if (a = tag['published_by']).is_a?(Integer)
+        tag['published_by'] = [a]
+      end
+      tag['author_ids'] = tag['published_by'] unless tag['author_ids']
+      a_ids = tag['author_ids']
+      authors = Person.where(id: a_ids)
+                      .includes(:affiliations)
+                      .order("position(users.id::text in '#{a_ids}')")
+      tag['author_names'] = authors.map(&:name)
+      print "%i %s \n" % [s.id, tag['author_names'].join(' - ')]
+      s.tag.update!(taggable_data: td.merge(publication: tag))
+    end
+  end
+
+  desc 'regerate the sample doi in the publication tag of published samples'
+  task reprint_doi: :environment do
+    Collection.public_collection.samples.includes(:molecule, :tag).each do |s|
+      td = s.tag.taggable_data
+      tag = td['publication']
+      next unless tag
+      tag['doi'] ||= s.generate_doi tag['sample_version']
+      print "%i %s \n" % [s.id, tag['doi']]
+      s.tag.update!(taggable_data: td.merge(publication: tag))
+    end
+  end
+
+  desc 'regerate affiliations in the publication tag of published samples\
+    with authors current_affiliations'
+  task reprint_affiliations_from_current: :environment do
+    Collection.public_collection.samples.includes(:molecule, :tag).each do |s|
+      td = s.tag.taggable_data
+      tag = td['publication']
+      next unless tag
+      a_ids = tag['author_ids']
+      authors = Person.where(id: a_ids)
+                      .includes(:affiliations)
+                      .order("position(users.id::text in '#{a_ids}')")
+      affiliations = authors.map(&:current_affiliations)
+      affiliations_output = {}
+      affiliations.flatten.each do |aff|
+        affiliations_output[aff.id] = aff.output_full
+      end
+      tag['affiliation_ids'] = affiliations.map { |as| as.map(&:id) }
+      tag['affiliations'] = affiliations_output
+      print "%i %s \n" % [s.id, tag['affiliation_ids']]
+      print "%i %s \n" % [s.id, tag['affiliations']]
+      s.tag.update!(taggable_data: td.merge(publication: tag))
+    end
+  end
+
+  desc 'regerate affiliation displayed names in published sample tags'
+  task reprint_affiliations_from_aff_id: :environment do
+    Collection.public_collection.samples.includes(:molecule, :tag).each do |s|
+      td = s.tag.taggable_data
+      tag = td['publication']
+      next unless tag
+      affiliations = Affiliation.where(
+        id: tag['affiliation_ids'].flatten.compact
+      )
+      affiliations_output = {}
+      affiliations.flatten.each do |aff|
+        affiliations_output[aff.id] = aff.output_full
+      end
+      tag['affiliations'] = affiliations_output
+      s.tag.update!(taggable_data: td.merge(publication: tag))
+    end
+  end
+end
diff --git a/package-lock.json b/package-lock.json
index 909ebfa5a..086b7eb30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -530,13 +530,7 @@
     "acorn": {
       "version": "5.7.4",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz",
-      "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==",
-      "dev": true
-    },
-    "acorn-dynamic-import": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz",
-      "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw=="
+      "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg=="
     },
     "acorn-globals": {
       "version": "3.1.0",
@@ -571,27 +565,31 @@
       }
     },
     "acorn-node": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.6.2.tgz",
-      "integrity": "sha512-rIhNEZuNI8ibQcL7ANm/mGyPukIaZsRNX9psFNQURyJW0nu6k8wjSDld20z6v2mDBWqX13pIEnk9gGZJHIlEXg==",
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
+      "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
       "requires": {
-        "acorn": "^6.0.2",
-        "acorn-dynamic-import": "^4.0.0",
-        "acorn-walk": "^6.1.0",
-        "xtend": "^4.0.1"
+        "acorn": "^7.0.0",
+        "acorn-walk": "^7.0.0",
+        "xtend": "^4.0.2"
       },
       "dependencies": {
         "acorn": {
-          "version": "6.4.1",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
-          "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA=="
+          "version": "7.1.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.1.1.tgz",
+          "integrity": "sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg=="
+        },
+        "xtend": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+          "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
         }
       }
     },
     "acorn-walk": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-6.1.0.tgz",
-      "integrity": "sha512-ugTb7Lq7u4GfWSqqpwE0bGyoBZNMTok/zDBXxfEG0QM50jNlGhIWjRC1pPN7bvV1anhF+bs+/gNcRw+o55Evbg=="
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.1.1.tgz",
+      "integrity": "sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ=="
     },
     "add-dom-event-listener": {
       "version": "1.1.0",
@@ -840,11 +838,6 @@
       "resolved": "https://registry.npmjs.org/array-equal/-/array-equal-1.0.0.tgz",
       "integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM="
     },
-    "array-filter": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/array-filter/-/array-filter-0.0.1.tgz",
-      "integrity": "sha1-fajPLiZijtcygDWB/SH2fKzS7uw="
-    },
     "array-from": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/array-from/-/array-from-2.1.1.tgz",
@@ -861,16 +854,6 @@
         "es-abstract": "^1.7.0"
       }
     },
-    "array-map": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/array-map/-/array-map-0.0.0.tgz",
-      "integrity": "sha1-iKK6tz0c97zVwbEYoAP2b2ZfpmI="
-    },
-    "array-reduce": {
-      "version": "0.0.0",
-      "resolved": "https://registry.npmjs.org/array-reduce/-/array-reduce-0.0.0.tgz",
-      "integrity": "sha1-FziZ0//Rx9k4PkR5Ul2+J4yrXys="
-    },
     "array-tree-filter": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
@@ -942,10 +925,11 @@
       }
     },
     "assert": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/assert/-/assert-1.4.1.tgz",
-      "integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+      "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
       "requires": {
+        "object-assign": "^4.1.1",
         "util": "0.10.3"
       },
       "dependencies": {
@@ -1773,9 +1757,9 @@
       "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg="
     },
     "base64-js": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.0.tgz",
-      "integrity": "sha512-ccav/yGvoa80BQDljCxsmmQ3Xvx60/UpBIij5QN21W3wBi/hhIC9OoO+KLpu9IJTS9j4DRVJ3aDDF9cMSoa2lw=="
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",
+      "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g=="
     },
     "base64id": {
       "version": "1.0.0",
@@ -2031,19 +2015,26 @@
         "acorn-node": "^1.5.2",
         "concat-stream": "^1.5.0",
         "minimist": "^1.1.1"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "1.2.5",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+          "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
+        }
       }
     },
     "browserify": {
-      "version": "16.2.3",
-      "resolved": "https://registry.npmjs.org/browserify/-/browserify-16.2.3.tgz",
-      "integrity": "sha512-zQt/Gd1+W+IY+h/xX2NYMW4orQWhqSwyV+xsblycTtpOuB27h1fZhhNQuipJ4t79ohw4P4mMem0jp/ZkISQtjQ==",
+      "version": "16.5.1",
+      "resolved": "https://registry.npmjs.org/browserify/-/browserify-16.5.1.tgz",
+      "integrity": "sha512-EQX0h59Pp+0GtSRb5rL6OTfrttlzv+uyaUVlK6GX3w11SQ0jKPKyjC/54RhPR2ib2KmfcELM06e8FxcI5XNU2A==",
       "requires": {
         "JSONStream": "^1.0.3",
         "assert": "^1.4.0",
         "browser-pack": "^6.0.1",
         "browser-resolve": "^1.11.0",
         "browserify-zlib": "~0.2.0",
-        "buffer": "^5.0.2",
+        "buffer": "~5.2.1",
         "cached-path-relative": "^1.0.0",
         "concat-stream": "^1.6.0",
         "console-browserify": "^1.1.0",
@@ -2061,7 +2052,7 @@
         "inherits": "~2.0.1",
         "insert-module-globals": "^7.0.0",
         "labeled-stream-splicer": "^2.0.0",
-        "mkdirp": "^0.5.0",
+        "mkdirp-classic": "^0.5.2",
         "module-deps": "^6.0.0",
         "os-browserify": "~0.3.0",
         "parents": "^1.0.1",
@@ -2075,7 +2066,7 @@
         "shasum": "^1.0.0",
         "shell-quote": "^1.6.1",
         "stream-browserify": "^2.0.0",
-        "stream-http": "^2.0.0",
+        "stream-http": "^3.0.0",
         "string_decoder": "^1.1.1",
         "subarg": "^1.0.0",
         "syntax-error": "^1.1.1",
@@ -2086,16 +2077,6 @@
         "util": "~0.10.1",
         "vm-browserify": "^1.0.0",
         "xtend": "^4.0.0"
-      },
-      "dependencies": {
-        "string_decoder": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-          "requires": {
-            "safe-buffer": "~5.1.0"
-          }
-        }
       }
     },
     "browserify-aes": {
@@ -2814,12 +2795,9 @@
       "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg=="
     },
     "console-browserify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.1.0.tgz",
-      "integrity": "sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=",
-      "requires": {
-        "date-now": "^0.1.4"
-      }
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA=="
     },
     "constants-browserify": {
       "version": "1.0.0",
@@ -3292,6 +3270,11 @@
       "integrity": "sha1-AxkcQyy27qFou3fzpV/9zLiXhRQ=",
       "dev": true
     },
+    "dash-ast": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dash-ast/-/dash-ast-1.0.0.tgz",
+      "integrity": "sha512-Vy4dx7gquTeMcQR/hDkYLGUnwVil6vk4FOOct+djUnHOUWt+zJPJAaRIXaAFkPXtJjvlY7o3rfRu0/3hpnwoUA=="
+    },
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -3305,11 +3288,6 @@
       "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-0.0.3.tgz",
       "integrity": "sha1-GK6XmmoMqZSwYlhTkW0mYruuCxo="
     },
-    "date-now": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/date-now/-/date-now-0.1.4.tgz",
-      "integrity": "sha1-6vQ5/U1ISK105cx9vvIAZyueNFs="
-    },
     "debounce": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.0.tgz",
@@ -3436,20 +3414,20 @@
       "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
     },
     "deps-sort": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/deps-sort/-/deps-sort-2.0.0.tgz",
-      "integrity": "sha1-CRckkC6EZYJg65EHSMzNGvbiH7U=",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/deps-sort/-/deps-sort-2.0.1.tgz",
+      "integrity": "sha512-1orqXQr5po+3KI6kQb9A4jnXT1PBwggGl2d7Sq2xsnOeI9GPcE/tGcF9UiSZtZBM7MukY4cAh7MemS6tZYipfw==",
       "requires": {
         "JSONStream": "^1.0.3",
-        "shasum": "^1.0.0",
+        "shasum-object": "^1.0.0",
         "subarg": "^1.0.0",
         "through2": "^2.0.0"
       }
     },
     "des.js": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
-      "integrity": "sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
+      "integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
       "requires": {
         "inherits": "^2.0.1",
         "minimalistic-assert": "^1.0.0"
@@ -3469,11 +3447,11 @@
       }
     },
     "detective": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/detective/-/detective-5.1.0.tgz",
-      "integrity": "sha1-eiDYkjbXszHM6mWDLnEjtVUbt8s=",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
+      "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
       "requires": {
-        "acorn-node": "^1.3.0",
+        "acorn-node": "^1.6.1",
         "defined": "^1.0.0",
         "minimist": "^1.1.1"
       },
@@ -3698,9 +3676,9 @@
       "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "elliptic": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.1.tgz",
-      "integrity": "sha512-BsXLz5sqX8OHcsh7CqBMztyXARmGQ3LWPtGjJi6DiJHq5C/qvi9P3OqgswKSDftbu8+IoI/QDTAm2fFnQ9SZSQ==",
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
+      "integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
       "requires": {
         "bn.js": "^4.4.0",
         "brorand": "^1.0.1",
@@ -4521,6 +4499,11 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
     },
+    "fast-safe-stringify": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz",
+      "integrity": "sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA=="
+    },
     "fbemitter": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/fbemitter/-/fbemitter-2.1.1.tgz",
@@ -5524,9 +5507,9 @@
       }
     },
     "hash.js": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.5.tgz",
-      "integrity": "sha512-eWI5HG9Np+eHV1KQhisXWwM+4EPPYe5dFX1UZZH7k/E3JzDEazVH+VGlZi6R94ZqImq+A3D1mCEtrFIfg/E7sA==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
       "requires": {
         "inherits": "^2.0.3",
         "minimalistic-assert": "^1.0.1"
@@ -5588,6 +5571,67 @@
         "whatwg-encoding": "^1.0.1"
       }
     },
+    "html-to-react": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/html-to-react/-/html-to-react-1.4.1.tgz",
+      "integrity": "sha512-Ys2gGxF8LBF9bD8tbnsU0xgEDOTC3Sy81mtpIH/61hSqGE1l4QetnN1yv0oAK/PuvwABmiNS+ggqvuzo+GfoiA==",
+      "requires": {
+        "domhandler": "^3.0",
+        "htmlparser2": "^4.0",
+        "lodash.camelcase": "^4.3.0",
+        "ramda": "^0.26"
+      },
+      "dependencies": {
+        "dom-serializer": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.1.tgz",
+          "integrity": "sha512-sK3ujri04WyjwQXVoK4PU3y8ula1stq10GJZpqHIUgoGZdsGzAGu65BnU3d08aTVSvO7mGPZUc0wTEDL+qGE0Q==",
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "entities": "^2.0.0"
+          }
+        },
+        "domelementtype": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz",
+          "integrity": "sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ=="
+        },
+        "domhandler": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-3.0.0.tgz",
+          "integrity": "sha512-eKLdI5v9m67kbXQbJSNn1zjh0SDzvzWVWtX+qEI3eMjZw8daH9k8rlj1FZY9memPwjiskQFbe7vHVVJIAqoEhw==",
+          "requires": {
+            "domelementtype": "^2.0.1"
+          }
+        },
+        "domutils": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.0.0.tgz",
+          "integrity": "sha512-n5SelJ1axbO636c2yUtOGia/IcJtVtlhQbFiVDBZHKV5ReJO1ViX7sFEemtuyoAnBxk5meNSYgA8V4s0271efg==",
+          "requires": {
+            "dom-serializer": "^0.2.1",
+            "domelementtype": "^2.0.1",
+            "domhandler": "^3.0.0"
+          }
+        },
+        "entities": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz",
+          "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw=="
+        },
+        "htmlparser2": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-4.0.0.tgz",
+          "integrity": "sha512-cChwXn5Vam57fyXajDtPXL1wTYc8JtLbr2TN76FYu05itVVVealxLowe2B3IEznJG4p9HAYn/0tJaRlGuEglFQ==",
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "domhandler": "^3.0.0",
+            "domutils": "^2.0.0",
+            "entities": "^2.0.0"
+          }
+        }
+      }
+    },
     "htmlescape": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/htmlescape/-/htmlescape-1.1.1.tgz",
@@ -5754,9 +5798,9 @@
       }
     },
     "ieee754": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.12.tgz",
-      "integrity": "sha512-GguP+DRY+pJ3soyIiGPTvdiVXjZ+DbXOxGpXn3eMvNW4x4irjqXm4wHKscC+TfxSJ0yw/S1F24tqdMNsMZTiLA=="
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
+      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg=="
     },
     "ignore": {
       "version": "3.3.10",
@@ -6619,20 +6663,12 @@
       "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
     },
     "labeled-stream-splicer": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/labeled-stream-splicer/-/labeled-stream-splicer-2.0.1.tgz",
-      "integrity": "sha1-nP+jL9meFhL9HYao25YkFtUpKSY=",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/labeled-stream-splicer/-/labeled-stream-splicer-2.0.2.tgz",
+      "integrity": "sha512-Ca4LSXFFZUjPScRaqOcFxneA0VpKZr4MMYCljyQr4LIewTLb3Y0IUTIsnBBsVubIeEfxeSZpSjSsRM8APEQaAw==",
       "requires": {
         "inherits": "^2.0.1",
-        "isarray": "^2.0.4",
         "stream-splicer": "^2.0.0"
-      },
-      "dependencies": {
-        "isarray": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.4.tgz",
-          "integrity": "sha1-OOe8uw87obeTPIa6GJTd/DeBu7c="
-        }
       }
     },
     "lcid": {
@@ -6829,6 +6865,11 @@
       "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz",
       "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U="
     },
+    "lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -6938,13 +6979,6 @@
         "hash-base": "^3.0.0",
         "inherits": "^2.0.1",
         "safe-buffer": "^5.1.2"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-        }
       }
     },
     "mdurl": {
@@ -7079,6 +7113,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "mkdirp-classic": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.2.tgz",
+      "integrity": "sha512-ejdnDQcR75gwknmMw/tx02AuRs8jCtqFoFqDZMjiNxsu85sRIJVXDKHuLYvUUPRBUtV2FpSZa9bL1BUa3BdR2g=="
+    },
     "ml-savitzky-golay-generalized": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ml-savitzky-golay-generalized/-/ml-savitzky-golay-generalized-1.1.1.tgz",
@@ -7168,16 +7207,16 @@
       }
     },
     "module-deps": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/module-deps/-/module-deps-6.1.0.tgz",
-      "integrity": "sha512-NPs5N511VD1rrVJihSso/LiBShRbJALYBKzDW91uZYy7BpjnO4bGnZL3HjZ9yKcFdZUWwaYjDz9zxbuP7vKMuQ==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/module-deps/-/module-deps-6.2.2.tgz",
+      "integrity": "sha512-a9y6yDv5u5I4A+IPHTnqFxcaKr4p50/zxTjcQJaX2ws9tN/W6J6YXnEKhqRyPhl494dkcxx951onSKVezmI+3w==",
       "requires": {
         "JSONStream": "^1.0.3",
         "browser-resolve": "^1.7.0",
-        "cached-path-relative": "^1.0.0",
+        "cached-path-relative": "^1.0.2",
         "concat-stream": "~1.6.0",
         "defined": "^1.0.0",
-        "detective": "^5.0.2",
+        "detective": "^5.2.0",
         "duplexer2": "^0.1.2",
         "inherits": "^2.0.1",
         "parents": "^1.0.0",
@@ -7221,6 +7260,12 @@
       "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
       "dev": true
     },
+    "nan": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
+      "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
+      "optional": true
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -7630,9 +7675,9 @@
       "dev": true
     },
     "pako": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.6.tgz",
-      "integrity": "sha1-AQEhG6pwxLykoPY/Igbpe3368lg="
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
     },
     "parchment": {
       "version": "1.1.4",
@@ -7648,15 +7693,16 @@
       }
     },
     "parse-asn1": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.1.tgz",
-      "integrity": "sha512-KPx7flKXg775zZpnp9SxJlz00gTd4BmJ2yJufSc44gMCRrRQ7NSzAcSJQfifuOLgW6bEi+ftrALtsgALeB2Adw==",
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.5.tgz",
+      "integrity": "sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==",
       "requires": {
         "asn1.js": "^4.0.0",
         "browserify-aes": "^1.0.0",
         "create-hash": "^1.1.0",
         "evp_bytestokey": "^1.0.0",
-        "pbkdf2": "^3.0.3"
+        "pbkdf2": "^3.0.3",
+        "safe-buffer": "^5.1.1"
       }
     },
     "parse-cache-control": {
@@ -7979,13 +8025,6 @@
         "parse-asn1": "^5.0.0",
         "randombytes": "^2.0.1",
         "safe-buffer": "^5.1.2"
-      },
-      "dependencies": {
-        "safe-buffer": {
-          "version": "5.1.2",
-          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-        }
       }
     },
     "punycode": {
@@ -8095,6 +8134,11 @@
       "integrity": "sha1-635iZ1SN3t+4mcG5Dlc3RVnN234=",
       "dev": true
     },
+    "ramda": {
+      "version": "0.26.1",
+      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.26.1.tgz",
+      "integrity": "sha512-hLWjpy7EnsDBb0p+Z3B7rPi3GDeRG5ZtiI33kJhTt+ORCd38AbAIjB/9zRIUoeTbE/AVX5ZkU7m6bznsvrf8eQ=="
+    },
     "randexp": {
       "version": "0.4.6",
       "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
@@ -8106,9 +8150,9 @@
       }
     },
     "randombytes": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.6.tgz",
-      "integrity": "sha1-0wLFIpSFiISKjTAMkytEwkIx2oA=",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
       "requires": {
         "safe-buffer": "^5.1.0"
       }
@@ -10177,6 +10221,14 @@
         "sha.js": "~2.4.4"
       }
     },
+    "shasum-object": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/shasum-object/-/shasum-object-1.0.0.tgz",
+      "integrity": "sha512-Iqo5rp/3xVi6M4YheapzZhhGPVs0yZwHj7wvwQ1B9z8H6zk+FEnI7y3Teq7qwnekfEhu8WmG2z0z4iWZaxLWVg==",
+      "requires": {
+        "fast-safe-stringify": "^2.0.7"
+      }
+    },
     "shebang-command": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
@@ -10193,15 +10245,9 @@
       "dev": true
     },
     "shell-quote": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.6.1.tgz",
-      "integrity": "sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=",
-      "requires": {
-        "array-filter": "~0.0.0",
-        "array-map": "~0.0.0",
-        "array-reduce": "~0.0.0",
-        "jsonify": "~0.0.0"
-      }
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.7.2.tgz",
+      "integrity": "sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg=="
     },
     "signal-exit": {
       "version": "3.0.2",
@@ -10767,9 +10813,9 @@
       "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4="
     },
     "stream-browserify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
-      "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+      "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
       "requires": {
         "inherits": "~2.0.1",
         "readable-stream": "^2.0.2"
@@ -10785,50 +10831,32 @@
       }
     },
     "stream-http": {
-      "version": "2.8.3",
-      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
-      "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.1.0.tgz",
+      "integrity": "sha512-cuB6RgO7BqC4FBYzmnvhob5Do3wIdIsXAgGycHJnW+981gHqoYcYz9lqjJrk8WXRddbwPuqPYRl+bag6mYv4lw==",
       "requires": {
         "builtin-status-codes": "^3.0.0",
         "inherits": "^2.0.1",
-        "readable-stream": "^2.3.6",
-        "to-arraybuffer": "^1.0.0",
+        "readable-stream": "^3.0.6",
         "xtend": "^4.0.0"
       },
       "dependencies": {
-        "process-nextick-args": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
-          "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
-        },
         "readable-stream": {
-          "version": "2.3.6",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
-          "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
-          "requires": {
-            "core-util-is": "~1.0.0",
-            "inherits": "~2.0.3",
-            "isarray": "~1.0.0",
-            "process-nextick-args": "~2.0.0",
-            "safe-buffer": "~5.1.1",
-            "string_decoder": "~1.1.1",
-            "util-deprecate": "~1.0.1"
-          }
-        },
-        "string_decoder": {
-          "version": "1.1.1",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
           "requires": {
-            "safe-buffer": "~5.1.0"
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
           }
         }
       }
     },
     "stream-splicer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/stream-splicer/-/stream-splicer-2.0.0.tgz",
-      "integrity": "sha1-G2O+Q4oTPktnHMGTUZdgAXWRDYM=",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/stream-splicer/-/stream-splicer-2.0.1.tgz",
+      "integrity": "sha512-Xizh4/NPuYSyAXyT7g8IvdJ9HJpxIGL9PjyhtywCZvvP0OPIdqyrr4dMikeuvY8xahpdKEBlBTySe583totajg==",
       "requires": {
         "inherits": "^2.0.1",
         "readable-stream": "^2.0.2"
@@ -10891,6 +10919,21 @@
         "function-bind": "^1.0.2"
       }
     },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.0.tgz",
+          "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg=="
+        }
+      }
+    },
     "strip-ansi": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
@@ -11147,11 +11190,6 @@
       "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
       "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
     },
-    "to-arraybuffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
-      "integrity": "sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M="
-    },
     "to-fast-properties": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
@@ -11338,11 +11376,12 @@
       }
     },
     "undeclared-identifiers": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/undeclared-identifiers/-/undeclared-identifiers-1.1.2.tgz",
-      "integrity": "sha512-13EaeocO4edF/3JKime9rD7oB6QI8llAGhgn5fKOPyfkJbRb6NFv9pYV6dFEmpa4uRjKeBqLZP8GpuzqHlKDMQ==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/undeclared-identifiers/-/undeclared-identifiers-1.1.3.tgz",
+      "integrity": "sha512-pJOW4nxjlmfwKApE4zvxLScM/njmwj/DiUBv7EabwE4O8kRUy+HIwxQtZLBPll/jx1LJyBcqNfB3/cpv9EZwOw==",
       "requires": {
         "acorn-node": "^1.3.0",
+        "dash-ast": "^1.0.0",
         "get-assigned-identifiers": "^1.2.0",
         "simple-concat": "^1.0.0",
         "xtend": "^4.0.1"
@@ -11503,9 +11542,9 @@
       }
     },
     "vm-browserify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.0.tgz",
-      "integrity": "sha512-iq+S7vZJE60yejDYM0ek6zg308+UZsdtPExWP9VZoCFCz1zkJoXFnAX7aZfd/ZwrkidzdUZL0C/ryW+JwAiIGw=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
     },
     "warning": {
       "version": "3.0.0",
diff --git a/package.json b/package.json
index ffefa1435..2f774dfaf 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "repository": {},
   "dependencies": {
     "@novnc/noVNC": "novnc/noVNC#v1.0.0",
+    "acorn": "^5.7.0",
     "ag-grid-community": "^19.1.2",
     "ag-grid-react": "^19.1.2",
     "alt": "0.18.6",
@@ -14,7 +15,7 @@
     "babel-preset-react": "6.11.1",
     "babelify": "~7.3.0",
     "base-64": "^0.1.0",
-    "browserify": "16.2.3",
+    "browserify": "^16.5.1",
     "browserify-incremental": "^3.1.1",
     "bundle-collapser": "^1.2.1",
     "chem-spectra-client": "^0.6.46",
@@ -28,6 +29,7 @@
     "deep-equal": "1.0.1",
     "envify": "^4.0.0",
     "es6-promise-debounce": "^1.0.1",
+    "html-to-react": "1.4.1",
     "humps": "^2.0.1",
     "immutability-helper": "^2.8.1",
     "immutable": "^4.0.0-rc.12",
diff --git a/public/directives/.keep b/public/directives/.keep
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/directives/directives.html b/public/directives/directives.html
new file mode 100644
index 000000000..2570e3afb
--- /dev/null
+++ b/public/directives/directives.html
@@ -0,0 +1,226 @@
+<h1>Directive to use the service <i>chemotion-repository</i>  </h1>
+<i>(last edited: 2019-11-04)</i>
+<br/><br/>
+By using the <i>chemotion</i>-website and the service of the <i>chemotion-repository</i>,
+you accept the following terms and conditions in full.
+If you disagree with these terms and conditions or any part of these terms and conditions,
+you must not use this website.
+Some parts of this website may be subject to additional terms and conditions which will be
+made available to you as appropriate.
+Parts of this website may use strictly necessary and session cookies.
+By using this website and agreeing to these terms
+and conditions, you consent to our use of cookies in accordance with the terms of
+<i>chemotion&apos;s</i> Privacy Policy.
+<br />
+The service <i>chemotion-repository</i> offers technical infrastructure to collect and
+share research data for chemical sciences.
+The data storage is accomplished by the service and all data are stored on servers of the
+KIT.
+The service allows a qualified realization of the recommendations of the German research
+foundation for the storage of research data.
+<br />
+Service provider is the Institute of Organic Chemistry (IOC) in collaboration with the
+Steinbuchs Centre for Computing (SCC) and the Library at the KIT in Karlsruhe. <br />
+<hr>
+
+<h2> 1. General </h2>
+
+<h3> 1.1 Authorization, registration and log-off</h3>
+
+Academic institutions are automatically recognized through the domain part of the email
+the user entered for registration. The users may use the service after their
+registration and confirmation of their email address. If the user&apos;s
+academic institution has not been properly recognized, the user shall communicate
+the error to the <i>chemotion-repository</i>. An email will also be sent to
+confirm the validity of the email address every time the user updates its email
+address on the portal and once a year. The administration of the individual
+authorization to use the service is carried out by the Institute of Organic
+Chemistry (KIT). The service providers will consider their right to check the
+correctness of the given data with respect to the affiliation and data of the
+user&apos;s registration. The log in and log off to the service is available
+via the website: <a href="https://chemotion.net/welcome/">chemotion-repository website</a>.
+
+<h3>1.2 Readability and availability of the stored data</h3>
+
+Research data are stored at the Steinbuch Centre for Computing (SCC) guaranteed
+until 2028. The <i>chemotion-repository</i> intends to prolong this period
+successively by additional contracts with the SCC but the decision on any
+prolongation and the duration will be made solely by the two partners
+<i>chemotion-repository</i> and the SCC.
+The SCC makes every effort to ensure the best possible technical prerequisites
+for a long life of the data (best effort) with the available resources.
+These include, inter alia, adequate air conditioning, uninterrupted power supply,
+ and building protection.
+
+<h3>1.3 Admission</h3>
+
+The user accesses the <i>chemotion-repository</i> after registering on the website
+and successfully logging on. When registering, the operator checks the data
+and the agreement to use the service with the respective home institution.
+The user can access his data at any time as long as he has a valid access.
+
+<h3>1.4. Protocols</h3>
+
+HTTPS is enforced at all time.
+
+<h3>1.5 Deletion of files  and content by users</h3>
+
+Files (content unpublished) that are stored in the repository in general can
+be deleted or changed by the user at any time.
+Files and data which are published (content published) cannot be deleted or changed anymore.
+The user agrees that those data (which are selected by the user individually) will be registered at DataCite (with retrieval of a DOI) and Pubchem (Pubchem substance SID).
+Authors should contact the repository curator at <span>chemotion&commat;ioc.kit.edu</span> if they need to retract or amend published content.
+<h3>1.6 Maximum of data storage</h3>
+
+The data size per user is limited up to date to 10 GB. The operator will adapt
+allowed data size if this will be necessary in future.
+
+<h3>1.7 Costs and fees</h3>
+
+There are no fees or costs for the users
+
+<h3>1.8 Support via <i>chemotion</i></h3>
+
+The provider will offer service for the use of the repository as long as the
+resources allow the support. The user is expected to familiarize with the given
+website and its applications. Support is available via the email address: <span>chemotion&commat;ioc.kit.edu</span>.
+<hr />
+
+
+<h2>2. Data content</h2>
+
+<h3>2.1 Responsibility for data contents</h3>
+
+There are two types of contributed contents, unpublished and published contributed contents. <br>
+User contributed content (unpublished): the user may upload user data which are not visible for other users, this content is visible only if the user is logged in or if he/she shares the content with other users.
+User contributed content (published): If the user selects single items or item groups to publish, the content will become available as open access for other users. The contents will be visible for the public and registered users will be able to download the content including the provided files.
+All uploaded contents are stored by the user in person. The data stored by him/her are always linked to the user&apos;s account data in the database of the storage system. Even if the account of a user is deleted, the connection of the stored data to the user&apos;s username (as defined with the registration) will be conserved.
+<ul>
+  <li>The user of the service is solely responsible for the contents of the contributed content of any type. </li>
+  <li>The user is obligated to observe the legal regulations when storing sensitive and personal data. </li>
+  <li>The uploaded user content must not be illegal or unlawful, must not infringe any third party&apos;s
+     legal rights, and must not be capable of giving rise to legal action whether against you
+     or <i>chemotion-repository</i> or a third party (in each case under any applicable law).
+  </li>
+  <li>You must not submit any user content to the website that is or has ever been the subject of any threatened or actual legal proceedings or other similar complaint. </li>
+</ul>
+
+<i>chemotion-repository</i> reserves the right to edit or remove any material submitted to this website, or stored on <i>chemotion-repository</i> servers, or hosted or published upon this website.
+
+<h3>2.2 User contributed content (unpublished) </h3>
+
+User contributed content that is not published by the user is considered to be
+private unless the user  shares the content which means that the user allows
+selected other users to view, edit, copy and store the users data.
+The user adapts the sharing options according to these actions and accepts
+that a sharing of content means always the disclosure of confidential content to others.
+
+<h3>2.3 User contributed content (published) </h3>
+
+In these terms and conditions, &apos;your published user content&apos; means
+material (including without limitation text, images, audio material, video
+material and audio-visual material) that you submit to this website by using
+the function &apos;publish&apos;. You grant to <i>chemotion-repository</i>,
+a worldwide, irrevocable, non-exclusive, royalty-free license to use, reproduce,
+adapt, publish, translate and distribute your user content in any existing or
+future media. You also grant to <i>chemotion-repository</i>
+the right to sub-license these rights, and the right to bring an action
+for infringement of these rights.
+<hr>
+
+<h2>3. Use of the repository</h2>
+Unless otherwise stated, <i>chemotion-repository</i> and/or its contributors own
+the intellectual property rights in the website and material on the website.
+Subject to the license below, all these intellectual property rights are reserved.
+<br />
+Each content contributed and published by a user is made available under one of
+the following licenses that the contributing user has chosen during the publication process:
+<ul>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/" >
+      <img src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" style="border-style: none;" alt="CC BY SA" />
+      Creative Commons Attribution-ShareAlike 4.0 International License
+    </a>
+  </li>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="https://creativecommons.org/licenses/by/4.0/" >
+      <img src="https://i.creativecommons.org/l/by/4.0/80x15.png" style="border-style: none;" alt="CC BY" />
+      Creative Commons Attribution 4.0
+    </a>
+  </li>
+  <li>
+    <a rel="license noopener noreferrer external" target="_blank" href="http://creativecommons.org/publicdomain/zero/1.0/" >
+      <img src="https://licensebuttons.net/p/zero/1.0/80x15.png" style="border-style: none;" alt="CC0" />
+      CC0 1.0 Universal
+    </a>
+  </li>
+</ul>
+<br>
+You must not
+<ul>
+  <li> use material other than the DOIs from this website for any publication without
+    attribution or republish material from this website (including republication on another website)
+    without attribution (e.g. &apos;reused from Chemotion-Repository KIT&apos;) unless the material has been released under CC0&nbsp;
+    <a rel="license noopener noreferrer external" target="_blank" href="http://creativecommons.org/publicdomain/zero/1.0/" >
+      <img src="https://licensebuttons.net/p/zero/1.0/80x15.png" style="border-style: none;" alt="CC0" />
+    </a>;
+  </li>
+  <li> sublicense material other than allowed under the original license (
+    <a rel="license external" href="https://wiki.creativecommons.org/wiki/License_Versions#No_sublicensing" target="_blank" rel="noopener noreferrer">
+      CC no sublicensing
+    </a>
+    ).
+  </li>
+</ul>
+
+<h3>3.1 Acceptable use</h3>
+
+You must not use this website in any way that causes, or may cause, damage to the website or impairment of the availability or accessibility of the website, or in any way which is unlawful, illegal, fraudulent or harmful, or in connection with any unlawful, illegal, fraudulent or harmful purpose or activity. <br>
+You must not use this website to copy, store, host, transmit, send, use, publish or distribute any material which consists of (or is linked to) any spyware, computer virus, Trojan horse, worm, keystroke logger, rootkit or other malicious computer software. <br>
+You must not conduct any systematic or automated data collection activities (including without limitation scraping, data mining, data extraction and data harvesting) on or in relation to this website without <i>chemotion-repository</i>&apos;s express written consent. <br>
+
+<h3>3.2 Restricted access</h3>
+
+Access to certain areas of this website may be restricted. <i>chemotion-repository</i> reserves the right to restrict access to areas of this website, or indeed this entire website, at <i>chemotion-repository&apos;s </i> discretion.
+<b>If <i>chemotion-repository</i> provides you with a user ID and password to enable you to access restricted areas of this website or other content or services, you must ensure that the user ID and password are kept confidential. </b>
+<br><i>Chemotion-repository</i> may disable your user ID and password in <i>chemotion-repository</i> sole discretion without notice or explanation.
+
+<h3>3.3 Copyright</h3>
+
+The content and works published on <i>chemotion-repository&apos;s </i> website, are governed by the copyright laws of Germany. Any duplication, processing, distribution or any form of utilization beyond the scope of copyright law shall require the prior written consent of the author or authors in question.
+
+<h3>3.4 DOI Ownership</h3>
+
+<i>Chemotion-repository</i> asserts no claims of ownership to Digital Object Identifiers (DOIs) acquired through the use of the <i>chemotion-repository</i>. Individual DOIs may be incorporated into the user&apos;s content and systems.
+
+<h3>3.5 No warranties</h3>
+
+This website is provided &apos;as is&apos; without any representations or warranties, express or implied. <i>Chemotion-repository</i> makes no representations or warranties in relation to this website or the information and materials provided on this website. <br>
+Without prejudice to the generality of the foregoing paragraph, <i>chemotion-repository</i> does not warrant that:
+<ul>
+  <li>this website will be constantly available, or available at all; or
+  <li>the information on this website is complete, true, accurate or non-misleading. </li>
+</ul>
+Nothing on this website constitutes, or is meant to constitute, advice of any kind.
+
+<h3>3.6 Limitations of liability</h3>
+
+<i>Chemotion-repository</i> will not be liable to you (whether under the law of contact, the law of torts or otherwise) in relation to the contents of, or use of, or otherwise in connection with, this website:
+<ul>
+  <li>for any direct loss; </li>
+  <li>for any indirect, special or consequential loss; or</li>
+  <li>for any business losses, loss of revenue, income, profits or anticipated savings, loss of contracts or business relationships, loss of reputation or goodwill, or loss or corruption of information or data. </li>
+</ul>
+<h3>3.7 Limitation of liability for internal content</h3>
+<i>Chemotion-repository</i> does not assume liability for the completeness or accuracy of any of the website. <i>Chemotion-repository</i>, as service provider, is liable for our own content on these pages in accordance with general laws. <i>Chemotion-repository</i> is not under obligation to monitor external information provided or stored on our website. Once aware of a specific infringement of the law, <i>chemotion-repository</i> will immediately remove the content in question. Any liability concerning this matter can only be assumed from the point in time at which the infringement becomes known to us.
+<h3>3.8 Limitation of liability for external links</h3>
+Our website contains links to the websites of third parties (&apos;external links&apos;). As the content of these websites is not under our control, we cannot assume any liability for such external content. In all cases, the provider of information of the linked websites is liable for the content and accuracy of the information provided. At the point in time when the links were placed, no infringements of the law were recognisable to us. As soon as an infringement of the law becomes known to us, we will immediately remove the link in question.<br>
+These limitations of liability apply even if you have been expressly advised of the potential loss.
+<h3>3.9 Indemnity</h3>
+You hereby indemnify <i>chemotion-repository</i> and undertake to keep <i>chemotion-repository</i> indemnified against any losses, damages, costs, liabilities and expenses (including without limitation legal expenses and any amounts paid by <i>chemotion-repository</i> to a third party in settlement of a claim or dispute arising out of any breach by you of any provision of these terms and conditions.
+<h3>3.10 Assignment</h3>
+<i>chemotion-repository</i> may transfer, sub-contract or otherwise deal with <i>chemotion-repository</i>&apos;s rights and/or obligations under these terms and conditions without notifying you or obtaining your consent. You may not transfer, sub-contract or otherwise deal with your rights and/or obligations under these terms and conditions.
+<h3>3.11 Breaches of these terms and conditions</h3>
+Without prejudice to <i>chemotion-repository&apos;s </i> other rights under these terms and conditions, if you breach these terms and conditions in any way, <i>chemotion-repository</i> may take such action as <i>chemotion-repository</i> deems appropriate to deal with the breach.
+<h3>3.12 Law and jurisdiction</h3>
+Use of this website and the interpretation of this Disclaimer shall be governed by and construed in accordance with the laws of Germany, without regard to conflict of law provisions. Any dispute arising out of this Agreement shall be resolved in the courts in Germany. Through your continued use of this website, you agree to submit to the personal jurisdiction of the courts of Germany. <i>Chemotion-repository</i> may change this Disclaimer at any time without notice to you and without liability to you or any other party. It is your responsibility to periodically check this Disclaimer for changes. If you do not agree to any changes made to the Disclaimer, you should cease use of this website. Continued use of this website signifies acceptance of any changes made to the Disclaimer.
diff --git a/public/howto/.keep b/public/howto/.keep
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/images/creative_common/cc-by-sa.svg b/public/images/creative_common/cc-by-sa.svg
new file mode 100644
index 000000000..f8502975c
--- /dev/null
+++ b/public/images/creative_common/cc-by-sa.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="120"
+   height="42"
+   id="svg2759"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="by-sa.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2761" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#8b8b8b"
+     borderopacity="1"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="179"
+     inkscape:cy="89.569904"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="120px"
+     height="42px"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1198"
+     inkscape:window-height="624"
+     inkscape:window-x="488"
+     inkscape:window-y="401" />
+  <metadata
+     id="metadata2764">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.9937807,0,0,0.9936694,-177.69409,-74.436409)"
+       id="g287"
+       inkscape:export-filename="/mnt/hgfs/Bov/Documents/Work/2007/cc/identity/srr buttons/big/by-sa.png"
+       inkscape:export-xdpi="300.23013"
+       inkscape:export-ydpi="300.23013">
+	<path
+   id="path3817_2_"
+   nodetypes="ccccccc"
+   d="M 182.23532,75.39014 L 296.29928,75.59326 C 297.89303,75.59326 299.31686,75.35644 299.31686,78.77344 L 299.17721,116.34033 L 179.3569,116.34033 L 179.3569,78.63379 C 179.3569,76.94922 179.51999,75.39014 182.23532,75.39014 z"
+   style="fill:#aab2ab" />
+
+	<g
+   id="g5908_2_"
+   transform="matrix(0.872921,0,0,0.872921,50.12536,143.2144)">
+		
+			<path
+   id="path5906_2_"
+   cx="296.35416"
+   ry="22.939548"
+   cy="264.3577"
+   type="arc"
+   rx="22.939548"
+   d="M 187.20944,-55.6792 C 187.21502,-46.99896 180.18158,-39.95825 171.50134,-39.95212 C 162.82113,-39.94708 155.77929,-46.97998 155.77426,-55.66016 C 155.77426,-55.66687 155.77426,-55.67249 155.77426,-55.6792 C 155.76922,-64.36054 162.80209,-71.40125 171.48233,-71.40631 C 180.16367,-71.41193 187.20441,-64.37842 187.20944,-55.69824 C 187.20944,-55.69263 187.20944,-55.68591 187.20944,-55.6792 z"
+   style="fill:#ffffff" />
+
+		<g
+   id="g5706_2_"
+   transform="translate(-289.6157,99.0653)">
+			<path
+   id="path5708_2_"
+   d="M 473.88455,-167.54724 C 477.36996,-164.06128 479.11294,-159.79333 479.11294,-154.74451 C 479.11294,-149.69513 477.40014,-145.47303 473.9746,-142.07715 C 470.33929,-138.50055 466.04281,-136.71283 461.08513,-136.71283 C 456.18736,-136.71283 451.96526,-138.48544 448.42003,-142.03238 C 444.87419,-145.57819 443.10158,-149.81537 443.10158,-154.74451 C 443.10158,-159.6731 444.87419,-163.94049 448.42003,-167.54724 C 451.87523,-171.03375 456.09728,-172.77618 461.08513,-172.77618 C 466.13342,-172.77618 470.39914,-171.03375 473.88455,-167.54724 z M 450.76657,-165.20239 C 447.81982,-162.22601 446.34701,-158.7395 446.34701,-154.74005 C 446.34701,-150.7417 447.80529,-147.28485 450.72125,-144.36938 C 453.63778,-141.45288 457.10974,-139.99462 461.1383,-139.99462 C 465.16683,-139.99462 468.66848,-141.46743 471.64486,-144.41363 C 474.47076,-147.14947 475.88427,-150.59069 475.88427,-154.74005 C 475.88427,-158.85809 474.44781,-162.35297 471.57659,-165.22479 C 468.70595,-168.09546 465.22671,-169.53131 461.1383,-169.53131 C 457.04993,-169.53131 453.59192,-168.08813 450.76657,-165.20239 z M 458.52106,-156.49927 C 458.07074,-157.4809 457.39673,-157.9715 456.49781,-157.9715 C 454.90867,-157.9715 454.11439,-156.90198 454.11439,-154.763 C 454.11439,-152.62341 454.90867,-151.55389 456.49781,-151.55389 C 457.54719,-151.55389 458.29676,-152.07519 458.74647,-153.11901 L 460.94923,-151.94598 C 459.8993,-150.0805 458.32417,-149.14697 456.22374,-149.14697 C 454.60384,-149.14697 453.30611,-149.64367 452.33168,-150.63653 C 451.35561,-151.62994 450.86894,-152.99926 450.86894,-154.7445 C 450.86894,-156.46008 451.37123,-157.82159 452.37642,-158.83013 C 453.38161,-159.83806 454.63347,-160.34264 456.13423,-160.34264 C 458.35435,-160.34264 459.94407,-159.46776 460.90504,-157.71978 L 458.52106,-156.49927 z M 468.8844,-156.49927 C 468.43353,-157.4809 467.77292,-157.9715 466.90201,-157.9715 C 465.28095,-157.9715 464.46988,-156.90198 464.46988,-154.763 C 464.46988,-152.62341 465.28095,-151.55389 466.90201,-151.55389 C 467.95304,-151.55389 468.68918,-152.07519 469.10925,-153.11901 L 471.36126,-151.94598 C 470.31301,-150.0805 468.74007,-149.14697 466.64358,-149.14697 C 465.02587,-149.14697 463.73095,-149.64367 462.75711,-150.63653 C 461.78494,-151.62994 461.29773,-152.99926 461.29773,-154.7445 C 461.29773,-156.46008 461.79221,-157.82159 462.78061,-158.83013 C 463.76843,-159.83806 465.02588,-160.34264 466.55408,-160.34264 C 468.77027,-160.34264 470.35776,-159.46776 471.3154,-157.71978 L 468.8844,-156.49927 z" />
+
+		</g>
+
+	</g>
+
+	<path
+   d="M 297.29639,74.91064 L 181.06688,74.91064 C 179.8203,74.91064 178.80614,75.92529 178.80614,77.17187 L 178.80614,116.66748 C 178.80614,116.94922 179.03466,117.17822 179.31639,117.17822 L 299.04639,117.17822 C 299.32813,117.17822 299.55713,116.94922 299.55713,116.66748 L 299.55713,77.17188 C 299.55713,75.92529 298.54297,74.91064 297.29639,74.91064 z M 181.06688,75.93213 L 297.29639,75.93213 C 297.97998,75.93213 298.53565,76.48828 298.53565,77.17188 C 298.53565,77.17188 298.53565,93.09131 298.53565,104.59034 L 215.4619,104.59034 C 212.41698,110.09571 206.55077,113.83399 199.81835,113.83399 C 193.083,113.83399 187.21825,110.09913 184.1748,104.59034 L 179.82666,104.59034 C 179.82666,93.09132 179.82666,77.17188 179.82666,77.17188 C 179.82664,76.48828 180.38329,75.93213 181.06688,75.93213 z"
+   id="path294" />
+
+	<g
+   enable-background="new    "
+   id="g296">
+		<path
+   d="M 265.60986,112.8833 C 265.68994,113.03906 265.79736,113.16504 265.93115,113.26172 C 266.06494,113.35791 266.22119,113.42969 266.40088,113.47608 C 266.58154,113.52296 266.76807,113.54639 266.96045,113.54639 C 267.09033,113.54639 267.22998,113.53565 267.3794,113.51368 C 267.52784,113.4922 267.66749,113.44972 267.79835,113.3877 C 267.92823,113.32569 268.03761,113.23975 268.12355,113.13086 C 268.21144,113.02197 268.25441,112.88379 268.25441,112.71533 C 268.25441,112.53515 268.19679,112.38916 268.08156,112.27685 C 267.9673,112.16455 267.81594,112.07177 267.62941,111.99658 C 267.44386,111.92236 267.23195,111.85693 266.9966,111.80078 C 266.76027,111.74463 266.52101,111.68262 266.27883,111.61377 C 266.02981,111.55176 265.78762,111.47559 265.55129,111.38525 C 265.31594,111.29541 265.10402,111.17822 264.9175,111.03515 C 264.73098,110.89208 264.58059,110.71337 264.46535,110.49853 C 264.35109,110.28369 264.29347,110.02392 264.29347,109.71923 C 264.29347,109.37646 264.36671,109.07958 264.51222,108.82763 C 264.6587,108.57568 264.85011,108.36572 265.08644,108.19726 C 265.32179,108.02929 265.58937,107.90478 265.8882,107.82372 C 266.18605,107.74315 266.48488,107.70263 266.78273,107.70263 C 267.13136,107.70263 267.46535,107.74169 267.78566,107.81982 C 268.105,107.89746 268.39015,108.02392 268.6382,108.19824 C 268.88722,108.37256 269.08449,108.59521 269.23097,108.86621 C 269.37648,109.13721 269.44972,109.46582 269.44972,109.85156 L 268.02784,109.85156 C 268.01514,109.65234 267.97315,109.4873 267.90284,109.35693 C 267.83155,109.22607 267.73682,109.12353 267.61964,109.04834 C 267.50148,108.97412 267.36671,108.9209 267.21534,108.89014 C 267.063,108.85889 266.89796,108.84326 266.71827,108.84326 C 266.60108,108.84326 266.48292,108.85596 266.36573,108.88037 C 266.24757,108.90576 266.14112,108.94922 266.04542,109.01123 C 265.94874,109.07373 265.86964,109.15137 265.80812,109.24463 C 265.7466,109.33838 265.71535,109.45654 265.71535,109.59961 C 265.71535,109.73047 265.73976,109.83643 265.78957,109.91699 C 265.83937,109.99804 265.93801,110.07275 266.08352,110.14111 C 266.22903,110.20947 266.43118,110.27832 266.68899,110.34668 C 266.9468,110.41504 267.28372,110.50244 267.70071,110.60791 C 267.82473,110.63281 267.99661,110.67822 268.21731,110.74365 C 268.43801,110.80908 268.65676,110.91308 268.87454,111.05615 C 269.09231,111.1997 269.27981,111.39111 269.43899,111.63037 C 269.59719,111.87012 269.67629,112.17676 269.67629,112.55029 C 269.67629,112.85547 269.61672,113.13867 269.49856,113.3999 C 269.3804,113.66162 269.20461,113.8872 268.97122,114.07666 C 268.73782,114.26709 268.44876,114.41455 268.10403,114.52051 C 267.75833,114.62647 267.35794,114.6792 266.90481,114.6792 C 266.53762,114.6792 266.18118,114.63379 265.83547,114.54346 C 265.49074,114.45313 265.18508,114.31104 264.92043,114.11768 C 264.65676,113.92432 264.4468,113.67774 264.29055,113.37891 C 264.13528,113.07959 264.06106,112.7251 264.06692,112.31397 L 265.4888,112.31397 C 265.48877,112.53809 265.52881,112.72803 265.60986,112.8833 z"
+   id="path298"
+   style="fill:#ffffff" />
+
+		<path
+   d="M 273.8667,107.8667 L 276.35986,114.53076 L 274.8374,114.53076 L 274.33349,113.04638 L 271.84033,113.04638 L 271.31787,114.53076 L 269.84326,114.53076 L 272.36377,107.8667 L 273.8667,107.8667 z M 273.95068,111.95264 L 273.11084,109.50928 L 273.09229,109.50928 L 272.22315,111.95264 L 273.95068,111.95264 z"
+   id="path300"
+   style="fill:#ffffff" />
+
+	</g>
+
+	<g
+   enable-background="new    "
+   id="g302">
+		<path
+   d="M 239.17821,107.8667 C 239.49559,107.8667 239.78563,107.89502 240.04735,107.95068 C 240.30907,108.00683 240.53368,108.09863 240.72118,108.22607 C 240.9077,108.35351 241.05321,108.52295 241.15575,108.73437 C 241.25829,108.94579 241.31005,109.20703 241.31005,109.51806 C 241.31005,109.854 241.23388,110.13329 241.08056,110.35742 C 240.92822,110.58154 240.70165,110.76465 240.40283,110.90771 C 240.81494,111.02587 241.12256,111.23291 241.32568,111.5288 C 241.5288,111.82469 241.63037,112.18114 241.63037,112.59814 C 241.63037,112.93408 241.56494,113.22509 241.43408,113.47119 C 241.30322,113.7168 241.12646,113.91748 240.90576,114.07324 C 240.68408,114.229 240.43115,114.34424 240.14795,114.41845 C 239.86377,114.49365 239.57275,114.53075 239.27295,114.53075 L 236.03662,114.53075 L 236.03662,107.86669 L 239.17821,107.86669 L 239.17821,107.8667 z M 238.99071,110.56201 C 239.25243,110.56201 239.46727,110.5 239.63622,110.37597 C 239.80419,110.25146 239.88817,110.05029 239.88817,109.77099 C 239.88817,109.61572 239.85985,109.48828 239.80419,109.38915 C 239.74755,109.28954 239.67333,109.21239 239.57958,109.15624 C 239.48583,109.10058 239.37841,109.06151 239.25731,109.04003 C 239.13524,109.01806 239.00926,109.00732 238.8784,109.00732 L 237.50535,109.00732 L 237.50535,110.56201 L 238.99071,110.56201 z M 239.07664,113.39014 C 239.22019,113.39014 239.35691,113.37647 239.48777,113.34815 C 239.61863,113.32032 239.73484,113.27344 239.83445,113.2085 C 239.93406,113.14307 240.01316,113.0542 240.07273,112.94239 C 240.1323,112.83058 240.1616,112.68751 240.1616,112.51319 C 240.1616,112.17139 240.06492,111.92725 239.87156,111.78126 C 239.6782,111.63527 239.42234,111.56202 239.10496,111.56202 L 237.50535,111.56202 L 237.50535,113.39014 L 239.07664,113.39014 z"
+   id="path304"
+   style="fill:#ffffff" />
+
+		<path
+   d="M 241.88914,107.8667 L 243.53269,107.8667 L 245.09324,110.49854 L 246.64402,107.8667 L 248.27781,107.8667 L 245.80418,111.97315 L 245.80418,114.53077 L 244.33543,114.53077 L 244.33543,111.93604 L 241.88914,107.8667 z"
+   id="path306"
+   style="fill:#ffffff" />
+
+	</g>
+
+	<g
+   id="g6316_1_"
+   transform="matrix(0.624995,0,0,0.624995,391.2294,176.9332)">
+		
+			<path
+   id="path6318_1_"
+   cx="475.97119"
+   ry="29.209877"
+   cy="252.08646"
+   type="arc"
+   rx="29.209877"
+   d="M -175.0083,-139.1153 C -175.00204,-129.7035 -182.62555,-122.06751 -192.03812,-122.06049 C -201.44913,-122.05341 -209.08512,-129.67774 -209.09293,-139.09028 C -209.09293,-139.09809 -209.09293,-139.10749 -209.09293,-139.1153 C -209.09919,-148.52784 -201.47413,-156.1623 -192.06311,-156.17011 C -182.65054,-156.17713 -175.01456,-148.55207 -175.0083,-139.14026 C -175.0083,-139.13092 -175.0083,-139.1239 -175.0083,-139.1153 z"
+   style="fill:#ffffff" />
+
+		<g
+   id="g6320_1_"
+   transform="translate(-23.9521,-89.72962)">
+			<path
+   id="path6322_1_"
+   d="M -168.2204,-68.05536 C -173.39234,-68.05536 -177.76892,-66.25067 -181.35175,-62.64203 C -185.02836,-58.90759 -186.86588,-54.48883 -186.86588,-49.38568 C -186.86588,-44.28253 -185.02836,-39.89416 -181.35175,-36.22308 C -177.67673,-32.55114 -173.29859,-30.71521 -168.2204,-30.71521 C -163.07974,-30.71521 -158.62503,-32.56677 -154.85312,-36.26996 C -151.30307,-39.78558 -149.52652,-44.15827 -149.52652,-49.38568 C -149.52652,-54.6123 -151.33432,-59.03265 -154.94843,-62.64203 C -158.5625,-66.25067 -162.98599,-68.05536 -168.2204,-68.05536 z M -168.17352,-64.69519 C -163.936,-64.69519 -160.33752,-63.20221 -157.37655,-60.21466 C -154.38748,-57.25836 -152.89214,-53.64899 -152.89214,-49.38568 C -152.89214,-45.09186 -154.35466,-41.52856 -157.28438,-38.69653 C -160.36876,-35.64727 -163.99849,-34.12304 -168.17351,-34.12304 C -172.34856,-34.12304 -175.94701,-35.63244 -178.96892,-38.64965 C -181.9908,-41.66918 -183.50176,-45.24657 -183.50176,-49.38567 C -183.50176,-53.52398 -181.97518,-57.13414 -178.92205,-60.21465 C -175.9939,-63.20221 -172.41107,-64.69519 -168.17352,-64.69519 z" />
+
+			<path
+   id="path6324_1_"
+   d="M -176.49548,-52.02087 C -175.75171,-56.71856 -172.44387,-59.22949 -168.30008,-59.22949 C -162.33911,-59.22949 -158.70783,-54.90448 -158.70783,-49.1372 C -158.70783,-43.50982 -162.57194,-39.13793 -168.39383,-39.13793 C -172.39856,-39.13793 -175.98297,-41.60277 -176.63611,-46.43877 L -171.93292,-46.43877 C -171.7923,-43.92778 -170.1626,-43.04418 -167.83447,-43.04418 C -165.1813,-43.04418 -163.4563,-45.50908 -163.4563,-49.27709 C -163.4563,-53.22942 -164.94693,-55.32244 -167.74228,-55.32244 C -169.79074,-55.32244 -171.55948,-54.57787 -171.93292,-52.02087 L -170.56418,-52.02789 L -174.26734,-48.32629 L -177.96894,-52.02789 L -176.49548,-52.02087 z" />
+
+		</g>
+
+	</g>
+
+	<g
+   id="g313">
+		<circle
+   cx="242.56226"
+   cy="90.224609"
+   r="10.8064"
+   id="circle315"
+   sodipodi:cx="242.56226"
+   sodipodi:cy="90.224609"
+   sodipodi:rx="10.8064"
+   sodipodi:ry="10.8064"
+   style="fill:#ffffff" />
+
+		<g
+   id="g317">
+			<path
+   d="M 245.68994,87.09766 C 245.68994,86.68116 245.35205,86.34424 244.93603,86.34424 L 240.16357,86.34424 C 239.74755,86.34424 239.40966,86.68115 239.40966,87.09766 L 239.40966,91.87061 L 240.74071,91.87061 L 240.74071,97.52295 L 244.3579,97.52295 L 244.3579,91.87061 L 245.68993,91.87061 L 245.68993,87.09766 L 245.68994,87.09766 z"
+   id="path319" />
+
+			<circle
+   cx="242.5498"
+   cy="84.083008"
+   r="1.63232"
+   id="circle321"
+   sodipodi:cx="242.5498"
+   sodipodi:cy="84.083008"
+   sodipodi:rx="1.63232"
+   sodipodi:ry="1.63232" />
+
+		</g>
+
+		<path
+   clip-rule="evenodd"
+   d="M 242.53467,78.31836 C 239.30322,78.31836 236.56641,79.4458 234.32715,81.70215 C 232.0293,84.03516 230.88086,86.79736 230.88086,89.98633 C 230.88086,93.1753 232.0293,95.91846 234.32715,98.21338 C 236.625,100.50781 239.36133,101.65527 242.53467,101.65527 C 245.74756,101.65527 248.53272,100.49853 250.88819,98.18359 C 253.10889,95.98681 254.21827,93.2539 254.21827,89.98632 C 254.21827,86.71874 253.08936,83.95751 250.83057,81.70214 C 248.57178,79.4458 245.80615,78.31836 242.53467,78.31836 z M 242.56396,80.41797 C 245.2124,80.41797 247.46142,81.35156 249.31103,83.21875 C 251.18115,85.06592 252.11572,87.32227 252.11572,89.98633 C 252.11572,92.66992 251.20068,94.89746 249.36963,96.66699 C 247.4419,98.57275 245.17334,99.52539 242.56397,99.52539 C 239.9546,99.52539 237.70557,98.58252 235.81739,96.6958 C 233.92774,94.80957 232.98389,92.57324 232.98389,89.98633 C 232.98389,87.3999 233.93799,85.14404 235.84619,83.21875 C 237.67676,81.35156 239.9165,80.41797 242.56396,80.41797 z"
+   id="path323"
+   style="fill-rule:evenodd" />
+
+	</g>
+
+</g>
+  </g>
+</svg>
diff --git a/public/images/creative_common/cc-by.svg b/public/images/creative_common/cc-by.svg
new file mode 100644
index 000000000..e44c25f0a
--- /dev/null
+++ b/public/images/creative_common/cc-by.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="120"
+   height="42"
+   id="svg2759"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="by.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2761" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#8b8b8b"
+     borderopacity="1"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="179"
+     inkscape:cy="89.569904"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="120px"
+     height="42px"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1198"
+     inkscape:window-height="624"
+     inkscape:window-x="396"
+     inkscape:window-y="242" />
+  <metadata
+     id="metadata2764">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.9937728,0,0,0.9936696,-177.69267,6.25128e-7)"
+       id="g260"
+       inkscape:export-filename="/mnt/hgfs/Bov/Documents/Work/2007/cc/identity/srr buttons/big/by.png"
+       inkscape:export-xdpi="300.23013"
+       inkscape:export-ydpi="300.23013">
+	<path
+   id="path3817_1_"
+   nodetypes="ccccccc"
+   d="M 181.96579,0.51074 L 296.02975,0.71338 C 297.6235,0.71338 299.04733,0.47705 299.04733,3.89404 L 298.90768,41.46093 L 179.08737,41.46093 L 179.08737,3.75439 C 179.08737,2.06934 179.25046,0.51074 181.96579,0.51074 z"
+   style="fill:#aab2ab" />
+
+	<path
+   d="M 297.29636,0 L 181.06736,0 C 179.82078,0 178.80613,1.01416 178.80613,2.26074 L 178.80613,41.75732 C 178.80613,42.03906 179.03513,42.26757 179.31687,42.26757 L 299.04734,42.26757 C 299.32908,42.26757 299.55808,42.03905 299.55808,41.75732 L 299.55808,2.26074 C 299.55807,1.01416 298.54343,0 297.29636,0 z M 181.06735,1.02148 L 297.29635,1.02148 C 297.98043,1.02148 298.53658,1.57714 298.53658,2.26074 C 298.53658,2.26074 298.53658,18.20898 298.53658,29.71045 L 215.19234,29.71045 C 212.14742,35.21631 206.28121,38.95459 199.54879,38.95459 C 192.81344,38.95459 186.94869,35.21973 183.90524,29.71045 L 179.8276,29.71045 C 179.8276,18.20899 179.8276,2.26074 179.8276,2.26074 C 179.82761,1.57715 180.38376,1.02148 181.06735,1.02148 z"
+   id="path263" />
+
+	<g
+   enable-background="new    "
+   id="g265">
+		<path
+   d="M 253.07761,32.95605 C 253.39499,32.95605 253.68503,32.98437 253.94773,33.04003 C 254.20945,33.09569 254.43308,33.18749 254.62058,33.31542 C 254.8071,33.44237 254.95261,33.6123 255.05515,33.82323 C 255.15769,34.03514 255.20945,34.29589 255.20945,34.60741 C 255.20945,34.94335 255.13328,35.22264 254.97996,35.44628 C 254.82762,35.67089 254.60105,35.85351 254.30223,35.99706 C 254.71434,36.11522 255.02196,36.32226 255.22508,36.61815 C 255.4282,36.91404 255.52977,37.27049 255.52977,37.68749 C 255.52977,38.02343 255.46434,38.31444 255.33348,38.56054 C 255.20262,38.80566 255.02586,39.00683 254.80516,39.1621 C 254.58348,39.31835 254.33055,39.43358 254.04735,39.5078 C 253.76317,39.583 253.47215,39.6201 253.17235,39.6201 L 249.936,39.6201 L 249.936,32.95604 L 253.07761,32.95604 L 253.07761,32.95605 z M 252.89011,35.65137 C 253.15183,35.65137 253.36667,35.58887 253.53562,35.46485 C 253.70359,35.34083 253.78757,35.13965 253.78757,34.86036 C 253.78757,34.70509 253.75925,34.57716 253.70359,34.47852 C 253.64695,34.37891 253.57273,34.30176 253.47898,34.24512 C 253.38523,34.18946 253.27781,34.15039 253.15671,34.12891 C 253.03561,34.10743 252.90866,34.09668 252.77878,34.09668 L 251.40476,34.09668 L 251.40476,35.65137 L 252.89011,35.65137 z M 252.97604,38.47949 C 253.11959,38.47949 253.25631,38.46582 253.38717,38.4375 C 253.51803,38.40918 253.63326,38.3623 253.73385,38.29785 C 253.83346,38.23242 253.91256,38.14355 253.97213,38.03125 C 254.0317,37.91992 254.061,37.77637 254.061,37.60254 C 254.061,37.26074 253.96432,37.0166 253.77096,36.87012 C 253.5776,36.72461 253.32174,36.65137 253.00436,36.65137 L 251.40475,36.65137 L 251.40475,38.47949 L 252.97604,38.47949 z"
+   id="path267"
+   style="fill:#ffffff" />
+
+		<path
+   d="M 255.78854,32.95605 L 257.43209,32.95605 L 258.99264,35.58789 L 260.54342,32.95605 L 262.17721,32.95605 L 259.70358,37.0625 L 259.70358,39.62012 L 258.23483,39.62012 L 258.23483,37.02539 L 255.78854,32.95605 z"
+   id="path269"
+   style="fill:#ffffff" />
+
+	</g>
+
+	<g
+   id="g5908_1_"
+   transform="matrix(0.872921,0,0,0.872921,50.12536,143.2144)">
+		
+			<path
+   id="path5906_1_"
+   cx="296.35416"
+   ry="22.939548"
+   cy="264.3577"
+   type="arc"
+   rx="22.939548"
+   d="M 186.90065,-141.46002 C 186.90623,-132.77923 179.87279,-125.73852 171.19257,-125.73291 C 162.51235,-125.72736 155.47051,-132.76025 155.46547,-141.44098 C 155.46547,-141.44714 155.46547,-141.45331 155.46547,-141.46002 C 155.46043,-150.14081 162.49333,-157.18152 171.17355,-157.18658 C 179.8549,-157.19213 186.89561,-150.15924 186.90065,-141.47845 C 186.90065,-141.4729 186.90065,-141.46619 186.90065,-141.46002 z"
+   style="fill:#ffffff" />
+
+		<g
+   id="g5706_1_"
+   transform="translate(-289.6157,99.0653)">
+			<path
+   id="path5708_1_"
+   d="M 473.57574,-253.32751 C 477.06115,-249.8421 478.80413,-245.5736 478.80413,-240.52532 C 478.80413,-235.47594 477.09136,-231.25329 473.66582,-227.85741 C 470.03051,-224.28081 465.734,-222.49309 460.77635,-222.49309 C 455.87858,-222.49309 451.65648,-224.26628 448.11122,-227.81261 C 444.56541,-231.35845 442.79277,-235.59563 442.79277,-240.52532 C 442.79277,-245.45391 444.56541,-249.7213 448.11122,-253.32751 C 451.56642,-256.81402 455.7885,-258.557 460.77635,-258.557 C 465.82465,-258.55701 470.09039,-256.81403 473.57574,-253.32751 z M 450.45776,-250.98267 C 447.51104,-248.00629 446.03823,-244.51978 446.03823,-240.52033 C 446.03823,-236.52198 447.49651,-233.06507 450.41247,-230.14966 C 453.32897,-227.23316 456.80096,-225.77545 460.82952,-225.77545 C 464.85808,-225.77545 468.35967,-227.24768 471.33605,-230.19385 C 474.16198,-232.9303 475.57549,-236.37091 475.57549,-240.52033 C 475.57549,-244.63837 474.13903,-248.13379 471.26781,-251.00501 C 468.39714,-253.87568 464.9179,-255.31159 460.82952,-255.31159 C 456.74112,-255.31158 453.28314,-253.86841 450.45776,-250.98267 z M 458.21225,-242.27948 C 457.76196,-243.26117 457.08795,-243.75232 456.18903,-243.75232 C 454.59986,-243.75232 453.80558,-242.68225 453.80558,-240.54321 C 453.80558,-238.40368 454.59986,-237.33471 456.18903,-237.33471 C 457.23841,-237.33471 457.98795,-237.85546 458.43769,-238.89922 L 460.64045,-237.72625 C 459.59052,-235.86077 458.01536,-234.92779 455.91496,-234.92779 C 454.29506,-234.92779 452.99733,-235.42449 452.0229,-236.4168 C 451.0468,-237.41021 450.56016,-238.77953 450.56016,-240.52532 C 450.56016,-242.24035 451.06245,-243.60186 452.06764,-244.61034 C 453.07283,-245.61888 454.32466,-246.12291 455.82545,-246.12291 C 458.04557,-246.12291 459.63526,-245.24803 460.59626,-243.50005 L 458.21225,-242.27948 z M 468.57562,-242.27948 C 468.12475,-243.26117 467.46417,-243.75232 466.5932,-243.75232 C 464.97217,-243.75232 464.16107,-242.68225 464.16107,-240.54321 C 464.16107,-238.40368 464.97217,-237.33471 466.5932,-237.33471 C 467.64429,-237.33471 468.38037,-237.85546 468.80048,-238.89922 L 471.05249,-237.72625 C 470.00421,-235.86077 468.43127,-234.92779 466.33478,-234.92779 C 464.7171,-234.92779 463.42218,-235.42449 462.44831,-236.4168 C 461.47614,-237.41021 460.98896,-238.77953 460.98896,-240.52532 C 460.98896,-242.24035 461.48341,-243.60186 462.47181,-244.61034 C 463.45966,-245.61888 464.71711,-246.12291 466.24531,-246.12291 C 468.4615,-246.12291 470.04896,-245.24803 471.0066,-243.50005 L 468.57562,-242.27948 z" />
+
+		</g>
+
+	</g>
+
+	<g
+   id="g275">
+		<circle
+   cx="255.55124"
+   cy="15.31348"
+   r="10.80664"
+   id="circle277"
+   sodipodi:cx="255.55124"
+   sodipodi:cy="15.31348"
+   sodipodi:rx="10.80664"
+   sodipodi:ry="10.80664"
+   style="fill:#ffffff" />
+
+		<g
+   id="g279">
+			<path
+   d="M 258.67819,12.18701 C 258.67819,11.77051 258.3403,11.4331 257.92526,11.4331 L 253.15182,11.4331 C 252.73678,11.4331 252.39889,11.7705 252.39889,12.18701 L 252.39889,16.95996 L 253.72994,16.95996 L 253.72994,22.61182 L 257.34713,22.61182 L 257.34713,16.95996 L 258.67818,16.95996 L 258.67818,12.18701 L 258.67819,12.18701 z"
+   id="path281" />
+
+			<circle
+   cx="255.53854"
+   cy="9.1723604"
+   r="1.63281"
+   id="circle283"
+   sodipodi:cx="255.53854"
+   sodipodi:cy="9.1723604"
+   sodipodi:rx="1.63281"
+   sodipodi:ry="1.63281" />
+
+		</g>
+
+		<path
+   clip-rule="evenodd"
+   d="M 255.5239,3.40723 C 252.29148,3.40723 249.55515,4.53516 247.31589,6.79102 C 245.01804,9.12452 243.8696,11.88672 243.8696,15.07569 C 243.8696,18.26466 245.01804,21.00733 247.31589,23.30225 C 249.61374,25.59668 252.35007,26.74414 255.5239,26.74414 C 258.73679,26.74414 261.52195,25.58789 263.87742,23.27295 C 266.09715,21.07568 267.2075,18.34326 267.2075,15.07568 C 267.2075,11.8081 266.07762,9.04687 263.8198,6.79101 C 261.56003,4.53516 258.79538,3.40723 255.5239,3.40723 z M 255.55319,5.50684 C 258.20163,5.50684 260.45065,6.44092 262.30026,8.30811 C 264.1694,10.15528 265.10397,12.41114 265.10397,15.07569 C 265.10397,17.75928 264.18893,19.98633 262.35885,21.75587 C 260.43014,23.66212 258.16256,24.61476 255.55319,24.61476 C 252.94284,24.61476 250.69381,23.67189 248.80612,21.78517 C 246.91647,19.89845 245.97311,17.66212 245.97311,15.0757 C 245.97311,12.48879 246.92721,10.23341 248.83541,8.30812 C 250.6655,6.44092 252.90475,5.50684 255.55319,5.50684 z"
+   id="path285"
+   style="fill-rule:evenodd" />
+
+	</g>
+
+</g>
+  </g>
+</svg>
diff --git a/public/images/creative_common/cc-zero.svg b/public/images/creative_common/cc-zero.svg
new file mode 100644
index 000000000..195592b7b
--- /dev/null
+++ b/public/images/creative_common/cc-zero.svg
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="88px" height="31px" viewBox="-0.5 -0.101 88 31" enable-background="new -0.5 -0.101 88 31" xml:space="preserve">
+<g>
+	<path fill="#FFFFFF" d="M1.803,0.482L84.93,0.631c1.161,0,2.198-0.173,2.198,2.333L87.025,30.52h-87.32V2.862
+		C-0.295,1.626-0.177,0.482,1.803,0.482z"/>
+	<g>
+		<ellipse fill="#FFFFFF" cx="13.887" cy="15.502" rx="11.101" ry="11.174"/>
+	</g>
+	<path d="M23.271,4.061c3.484,2.592,5.754,6.744,5.755,11.44c-0.001,4.272-1.88,8.095-4.842,10.705h62.853V4.061H23.271z"/>
+	<g>
+		<path fill="#FFFFFF" d="M35.739,7.559c0.392,0,0.728,0.059,1.002,0.173c0.276,0.116,0.5,0.268,0.674,0.456
+			c0.173,0.189,0.299,0.405,0.379,0.647c0.079,0.242,0.118,0.494,0.118,0.753c0,0.253-0.039,0.503-0.118,0.749
+			c-0.08,0.244-0.206,0.462-0.379,0.65c-0.174,0.189-0.397,0.341-0.674,0.456c-0.274,0.114-0.61,0.173-1.002,0.173h-1.452v2.267
+			h-1.382V7.559H35.739z M35.36,10.535c0.158,0,0.312-0.012,0.457-0.035c0.147-0.023,0.276-0.069,0.388-0.137
+			c0.112-0.068,0.201-0.164,0.269-0.288s0.101-0.287,0.101-0.487c0-0.2-0.033-0.362-0.101-0.487
+			c-0.067-0.124-0.157-0.221-0.269-0.287c-0.111-0.068-0.24-0.114-0.388-0.138C35.671,8.652,35.518,8.64,35.36,8.64h-1.073v1.896
+			L35.36,10.535L35.36,10.535z"/>
+		<path fill="#FFFFFF" d="M43.751,13.4c-0.476,0.417-1.133,0.625-1.972,0.625c-0.851,0-1.509-0.207-1.976-0.62
+			c-0.466-0.412-0.699-1.052-0.699-1.913V7.559h1.381v3.934c0,0.171,0.016,0.338,0.045,0.505c0.029,0.165,0.091,0.311,0.185,0.439
+			c0.094,0.126,0.225,0.229,0.392,0.309c0.167,0.081,0.392,0.12,0.673,0.12c0.493,0,0.833-0.11,1.021-0.332
+			c0.188-0.222,0.282-0.568,0.282-1.04V7.559h1.382v3.934C44.464,12.348,44.227,12.983,43.751,13.4z"/>
+		<path fill="#FFFFFF" d="M49.07,7.559c0.3,0,0.572,0.027,0.818,0.081c0.244,0.054,0.457,0.14,0.633,0.261
+			c0.177,0.121,0.312,0.282,0.41,0.482c0.096,0.201,0.146,0.45,0.146,0.745c0,0.318-0.072,0.584-0.216,0.796
+			c-0.146,0.212-0.357,0.388-0.639,0.523c0.387,0.112,0.676,0.31,0.865,0.589c0.189,0.281,0.286,0.62,0.286,1.015
+			c0,0.319-0.062,0.595-0.187,0.828c-0.123,0.232-0.289,0.423-0.496,0.571c-0.209,0.148-0.445,0.257-0.713,0.327
+			c-0.269,0.07-0.541,0.105-0.822,0.105h-3.047V7.559H49.07z M48.895,10.119c0.246,0,0.448-0.059,0.607-0.178
+			c0.158-0.118,0.236-0.309,0.236-0.576c0-0.147-0.025-0.269-0.078-0.363c-0.053-0.093-0.123-0.168-0.211-0.221
+			c-0.09-0.053-0.189-0.091-0.305-0.109C49.029,8.65,48.912,8.64,48.789,8.64h-1.294v1.48L48.895,10.119L48.895,10.119
+			L48.895,10.119z M48.975,12.804c0.135,0,0.264-0.014,0.387-0.04c0.123-0.026,0.23-0.072,0.326-0.133
+			c0.092-0.062,0.168-0.147,0.226-0.254c0.056-0.104,0.083-0.241,0.083-0.406c0-0.324-0.092-0.557-0.271-0.695
+			c-0.182-0.138-0.424-0.208-0.723-0.208h-1.505v1.738h1.479v-0.002H48.975z"/>
+		<path fill="#FFFFFF" d="M54.143,7.559v5.156h3.062v1.168H52.76V7.559H54.143z"/>
+		<path fill="#FFFFFF" d="M59.748,7.559v6.324h-1.382V7.559H59.748z"/>
+		<path fill="#FFFFFF" d="M65.451,9.247c-0.082-0.132-0.186-0.249-0.309-0.349c-0.123-0.102-0.263-0.18-0.418-0.236
+			c-0.156-0.057-0.316-0.084-0.488-0.084c-0.312,0-0.574,0.062-0.793,0.183c-0.217,0.12-0.394,0.283-0.525,0.486
+			c-0.136,0.204-0.232,0.436-0.296,0.695c-0.062,0.259-0.093,0.528-0.093,0.806c0,0.267,0.031,0.524,0.093,0.776
+			c0.062,0.251,0.16,0.477,0.296,0.678c0.134,0.201,0.312,0.361,0.525,0.483c0.219,0.12,0.481,0.181,0.793,0.181
+			c0.424,0,0.752-0.13,0.99-0.389c0.236-0.26,0.383-0.602,0.437-1.028H67c-0.034,0.396-0.126,0.753-0.271,1.072
+			c-0.146,0.318-0.342,0.591-0.582,0.815c-0.238,0.225-0.521,0.396-0.845,0.513c-0.323,0.119-0.678,0.178-1.065,0.178
+			c-0.479,0-0.914-0.084-1.297-0.252c-0.385-0.169-0.709-0.398-0.973-0.695c-0.265-0.295-0.468-0.642-0.607-1.04
+			c-0.142-0.399-0.211-0.829-0.211-1.289c0-0.473,0.069-0.911,0.211-1.316c0.141-0.404,0.344-0.758,0.607-1.059
+			c0.264-0.302,0.588-0.536,0.973-0.708c0.384-0.172,0.815-0.258,1.297-0.258c0.348,0,0.676,0.051,0.981,0.15
+			c0.308,0.102,0.583,0.248,0.827,0.44c0.243,0.191,0.443,0.43,0.604,0.712c0.158,0.283,0.259,0.608,0.301,0.975h-1.34
+			C65.586,9.524,65.533,9.377,65.451,9.247z"/>
+		<path fill="#FFFFFF" d="M35.615,16.418c0.405,0,0.782,0.062,1.131,0.192c0.35,0.13,0.651,0.324,0.906,0.585
+			c0.255,0.26,0.455,0.586,0.599,0.975c0.144,0.391,0.216,0.849,0.216,1.371c0,0.463-0.059,0.888-0.176,1.277
+			c-0.118,0.391-0.295,0.727-0.532,1.012c-0.238,0.281-0.534,0.504-0.89,0.668c-0.354,0.16-0.772,0.242-1.254,0.242h-2.71v-6.322
+			H35.615z M35.519,21.572c0.199,0,0.393-0.031,0.581-0.098c0.188-0.062,0.354-0.173,0.502-0.323
+			c0.146-0.151,0.264-0.347,0.352-0.59c0.088-0.241,0.132-0.536,0.132-0.886c0-0.317-0.031-0.606-0.093-0.863
+			c-0.062-0.256-0.162-0.479-0.304-0.659c-0.141-0.183-0.326-0.323-0.559-0.421c-0.231-0.098-0.517-0.146-0.858-0.146h-0.984v3.986
+			H35.519z"/>
+		<path fill="#FFFFFF" d="M39.8,18.289c0.141-0.403,0.344-0.756,0.606-1.059c0.265-0.303,0.589-0.538,0.973-0.709
+			c0.385-0.171,0.816-0.257,1.298-0.257c0.487,0,0.921,0.086,1.303,0.257c0.381,0.171,0.704,0.406,0.969,0.709
+			c0.264,0.303,0.466,0.652,0.605,1.059c0.143,0.404,0.213,0.845,0.213,1.316c0,0.46-0.07,0.891-0.213,1.288
+			c-0.142,0.397-0.344,0.744-0.605,1.04c-0.266,0.295-0.588,0.525-0.969,0.695c-0.382,0.166-0.815,0.252-1.303,0.252
+			c-0.481,0-0.913-0.086-1.298-0.252c-0.384-0.17-0.708-0.4-0.973-0.695c-0.263-0.296-0.466-0.645-0.606-1.04
+			c-0.14-0.397-0.211-0.828-0.211-1.288C39.589,19.134,39.659,18.694,39.8,18.289z M41.062,20.379
+			c0.062,0.252,0.16,0.479,0.295,0.68c0.135,0.2,0.312,0.359,0.527,0.482c0.218,0.121,0.481,0.183,0.792,0.183
+			c0.312,0,0.576-0.062,0.792-0.183c0.218-0.121,0.394-0.281,0.529-0.482c0.134-0.2,0.231-0.428,0.295-0.68
+			c0.062-0.25,0.092-0.508,0.092-0.774c0-0.276-0.03-0.547-0.092-0.806c-0.062-0.262-0.161-0.492-0.295-0.696
+			c-0.136-0.201-0.312-0.365-0.529-0.485c-0.216-0.121-0.48-0.184-0.792-0.184c-0.311,0-0.574,0.062-0.792,0.184
+			c-0.216,0.12-0.393,0.284-0.527,0.485c-0.135,0.204-0.233,0.437-0.295,0.696c-0.062,0.259-0.093,0.527-0.093,0.806
+			C40.97,19.871,41.001,20.129,41.062,20.379z"/>
+		<path fill="#FFFFFF" d="M49.092,16.418l1.471,4.348h0.02l1.393-4.348h1.942v6.322h-1.294v-4.48h-0.02l-1.539,4.48H50l-1.54-4.437
+			h-0.019v4.437h-1.293v-6.322H49.092z"/>
+		<path fill="#FFFFFF" d="M58.764,16.418l2.35,6.322H59.68l-0.476-1.408h-2.351l-0.492,1.408h-1.391l2.377-6.322H58.764z
+			 M58.844,20.297l-0.793-2.322h-0.018l-0.817,2.322H58.844z"/>
+		<path fill="#FFFFFF" d="M63.547,16.418v6.322h-1.382v-6.322H63.547z"/>
+		<path fill="#FFFFFF" d="M66.604,16.418l2.623,4.242h0.018v-4.242h1.294v6.322h-1.384l-2.611-4.234h-0.02v4.234H65.23v-6.322
+			H66.604z"/>
+	</g>
+	<path d="M85.852,0H1.147C0.239,0-0.5,0.744-0.5,1.658v28.969C-0.5,30.834-0.333,31-0.128,31h87.256
+		c0.205,0,0.372-0.166,0.372-0.373V1.658C87.5,0.744,86.762,0,85.852,0z M1.147,0.75h84.705c0.498,0,0.902,0.406,0.902,0.908
+		c0,0,0,20.121,0,28.557H0.245v-8.426c0-8.435,0-20.131,0-20.131C0.245,1.157,0.65,0.75,1.147,0.75z"/>
+	<g>
+		<ellipse fill="#FFFFFF" cx="14.156" cy="15.661" rx="11.004" ry="11.076"/>
+		<path id="text2809_4_" d="M14.22,8.746c-3.862,0-4.834,3.669-4.834,6.779c0,3.111,0.971,6.779,4.834,6.779
+			c3.863,0,4.834-3.67,4.834-6.779C19.054,12.414,18.083,8.746,14.22,8.746z M14.22,11.301c0.157,0,0.3,0.024,0.435,0.06
+			c0.278,0.24,0.414,0.573,0.147,1.038l-2.572,4.76c-0.079-0.603-0.091-1.195-0.091-1.634C12.139,14.155,12.233,11.301,14.22,11.301
+			z M16.146,13.494c0.137,0.731,0.155,1.493,0.155,2.03c0,1.37-0.094,4.223-2.08,4.223c-0.156,0-0.301-0.017-0.435-0.049
+			c-0.025-0.01-0.049-0.019-0.074-0.025c-0.04-0.012-0.084-0.024-0.122-0.041c-0.442-0.188-0.721-0.531-0.319-1.139L16.146,13.494z"
+			/>
+		<path id="path2815_4_" d="M14.195,3.748c-3.245,0-5.98,1.137-8.21,3.422c-1.128,1.135-1.99,2.431-2.589,3.876
+			c-0.585,1.43-0.876,2.921-0.876,4.478c0,1.57,0.291,3.062,0.876,4.479s1.434,2.69,2.548,3.826
+			c1.128,1.121,2.395,1.985,3.802,2.588c1.421,0.59,2.903,0.884,4.449,0.884c1.547,0,3.05-0.304,4.499-0.907
+			c1.448-0.604,2.74-1.471,3.883-2.605c1.101-1.078,1.934-2.317,2.49-3.719c0.571-1.415,0.853-2.932,0.853-4.544
+			c0-1.598-0.281-3.112-0.852-4.528c-0.571-1.429-1.407-2.693-2.507-3.801C20.263,4.895,17.469,3.748,14.195,3.748z M14.244,5.867
+			c2.646,0,4.904,0.944,6.784,2.836c0.906,0.912,1.6,1.954,2.073,3.119c0.473,1.164,0.713,2.398,0.713,3.703
+			c0,2.707-0.92,4.952-2.744,6.746c-0.948,0.927-2.012,1.638-3.196,2.128c-1.17,0.489-2.375,0.732-3.63,0.732
+			c-1.268,0-2.481-0.239-3.638-0.717c-1.156-0.489-2.193-1.191-3.113-2.104c-0.92-0.925-1.629-1.97-2.13-3.135
+			c-0.487-1.178-0.738-2.391-0.738-3.653c0-1.276,0.251-2.497,0.738-3.662c0.501-1.178,1.211-2.235,2.13-3.175
+			C9.317,6.809,11.57,5.867,14.244,5.867z"/>
+	</g>
+</g>
+</svg>
diff --git a/public/images/wild_card/pubchem_sid.svg b/public/images/wild_card/pubchem_sid.svg
new file mode 100644
index 000000000..ac0d9f626
--- /dev/null
+++ b/public/images/wild_card/pubchem_sid.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="247.94049"
+   height="227.10352"
+   viewBox="0 0 69.97432 64.093654"
+   id="svg4933"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="pubchem.svg">
+  <metadata
+     id="metadata4188">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4190" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2556"
+     inkscape:window-height="1560"
+     id="namedview4188"
+     showgrid="false"
+     inkscape:zoom="3.8126556"
+     inkscape:cx="35.351663"
+     inkscape:cy="85.924263"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     units="px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <path
+       d="m 35.029907,2.7707747 c 0,0 32.28265,14.6671993 32.28265,14.6671993 0,0 0,29.3342 0,29.3342 0,0 -32.28265,14.6672 -32.28265,14.6672 0,0 -32.2826602,-14.6672 -32.2826602,-14.6672 0,0 0,-29.3342 0,-29.3342 0,0 32.2826602,-14.6671993 32.2826602,-14.6671993"
+       id="path4442"
+       style="fill:#ffffff;stroke:#f9c642;stroke-width:5.40899992;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 50.995507,43.502858 c -5.52773,5.9092 -14.80631,8.1866 -23.14771,5.6814 -8.34141,-2.5051 -13.9295,-9.2474 -13.94088,-16.8202 -0.0114,-7.5728 5.55643,-14.3273 13.89028,-16.8508 8.33385,-2.5236 17.61924,-0.2667 23.16471,5.6303"
+       id="path4537"
+       style="fill:none;stroke:#5b616b;stroke-width:4.0073204;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-start:none;marker-end:none"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/public/newsroom/.keep b/public/newsroom/.keep
new file mode 100644
index 000000000..e69de29bb