Update style of nanopub page of new connector

knowledgepixels · Apr 24, 2024 · f78cbe2 · f78cbe2
1 parent 2f0fffd
commit f78cbe2
Show file tree

Hide file tree

Showing 10 changed files with 57 additions and 69 deletions.
diff --git a/src/main/java/com/knowledgepixels/nanodash/WicketApplication.java b/src/main/java/com/knowledgepixels/nanodash/WicketApplication.java
@@ -97,7 +97,6 @@ protected void init() {
 		tryToMountPage("com.knowledgepixels.nanodash.connector.pensoft.BdjSelectPage");
 		tryToMountPage("com.knowledgepixels.nanodash.connector.pensoft.BdjPublishPage");
 		tryToMountPage("com.knowledgepixels.nanodash.connector.pensoft.BdjConnectPage");
-		tryToMountPage("com.knowledgepixels.nanodash.connector.pensoft.BdjTypePage");
 		tryToMountPage("com.knowledgepixels.nanodash.connector.pensoft.BdjNanopubPage");
 
 		mountPage(GrlcSpecPage.MOUNT_PATH, GrlcSpecPage.class);

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjConfig.java b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjConfig.java
@@ -25,7 +25,6 @@ public static BdjConfig get() {
 	private static final SelectPage selectPageInstance = new BdjSelectPage(null);
 	private static final ConnectorPublishPage publishPageInstance = new BdjPublishPage(null);
 	private static final ConnectPage connectPageInstance = new BdjConnectPage(null, null);
-	private static final BdjTypePage typePageInstance = new BdjTypePage(null);
 	private static final BdjNanopubPage nanopubPageInstance = new BdjNanopubPage(null);
 
 	@Override
@@ -50,7 +49,7 @@ public ConnectPage getConnectPage() {
 
 	@Override
 	public TypePage getTypePage() {
-		return typePageInstance;
+		return null;
 	}
 
 	@Override

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjConnectPage.html b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjConnectPage.html
@@ -88,7 +88,7 @@ <h4>Author Instruction</h4>
 
 <div class="odd"><div class="row-section">
 
-<div class="col-8">
+<div class="col-12">
 
 <h3>Help</h3>
 

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjNanopubPage.html b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjNanopubPage.html
@@ -13,9 +13,9 @@
 
 <div wicket:id="titlebar"></div>
 
-<div id="content" class="widthmax">
+<div id="content-pane">
 
-<div class="row">
+<div class="row-section">
 
 <div class="col-8">
 
@@ -49,34 +49,6 @@ <h3>Type Description
 <p wicket:id="template-description">(template description)</p>
 </div>
 
-
-<h3>Reactions
-<span class="expltooltip">&#9432;<span class="expltooltiptext">
-Anyone can write reactions to this nanopublication, including the Biodiversity Data Journal reviewers and editors.
-When a new reaction is published, it can take a minute or two before it shows up here (after refreshing &#128472;).
-</span></span>
-<a wicket:id="refresh-link" class="actionbutton" href=".">&#128472;</a>
-</h3>
-
-<ul>
-<li wicket:id="reactions"><em wicket:id="reactionnote"></em> <span wicket:id="reactiontext"></span> <a wicket:id="reactionlink"><span wicket:id="reactionlinktext"></span></a></li>
-</ul>
-
-<p class="emptynotice"><em>(no reactions yet)</em></p>
-
-<p>
-<a class="smallbutton" wicket:id="create-new-reaction" href="." target="_blank">new reaction...</a>
-</p>
-
-
-<h3>Help</h3>
-
-<p>
-Don't hesitate to
-<a href="mailto:contact-project+knowledgepixels-support-desk@incoming.gitlab.com?subject=[BDJ%20author]%20my%20problem/question&body=type%20your%20problem/question%20here">open a support ticket</a>
-if you have any questions or problems, no matter how trivial or how complex.
-</p>
-
 </div>
 
 <div class="col-4">
@@ -149,6 +121,48 @@ <h4>Candidate</h4>
 
 </div>
 
+<div class="odd"><div class="row-section">
+
+<div class="col-8">
+
+<h3>Reactions
+<span class="expltooltip">&#9432;<span class="expltooltiptext">
+Anyone can write reactions to this nanopublication, including the Biodiversity Data Journal reviewers and editors.
+When a new reaction is published, it can take a minute or two before it shows up here (after refreshing &#128472;).
+</span></span>
+<a wicket:id="refresh-link" class="actionbutton" href=".">&#128472;</a>
+</h3>
+
+<ul class="box odd">
+<li wicket:id="reactions"><em wicket:id="reactionnote"></em> <span wicket:id="reactiontext"></span> <a wicket:id="reactionlink"><span wicket:id="reactionlinktext"></span></a></li>
+</ul>
+
+<p class="emptynotice"><em>(no reactions yet)</em></p>
+
+<p class="center">
+<a class="button light" wicket:id="create-new-reaction" href="." target="_blank">Add Reaction</a>
+</p>
+
+</div>
+
+</div></div>
+
+<div class="row-section">
+
+<div class="col-12">
+
+<h3>Help</h3>
+
+<p>
+Don't hesitate to
+<a href="mailto:contact-project+knowledgepixels-support-desk@incoming.gitlab.com?subject=[BDJ%20author]%20my%20problem/question&body=type%20your%20problem/question%20here">open a support ticket</a>
+if you have any questions or problems, no matter how trivial or how complex.
+</p>
+
+</div>
+
+</div>
+
 </div>
 
 </body>

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjOverviewPage.html b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjOverviewPage.html
@@ -76,7 +76,7 @@ <h3>Latest Candidates</h3>
 
 <div class="row-section">
 
-<div class="col-8">
+<div class="col-12">
 
 <h3>Help</h3>
 

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjOverviewPage.java b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjOverviewPage.java
@@ -64,7 +64,7 @@ protected void populateItem(Item<ApiResponseEntry> item) {
 				ex.printStackTrace();
 			}
 
-			add(new ExternalLink("create-new", BdjSelectPage.MOUNT_PATH, "Create New Nanopublication"));
+			add(new ExternalLink("create-new", BdjSelectPage.MOUNT_PATH, "Create Nanopublication"));
 		} else {
 			add(new Label("own", "").setVisible(false));
 			if (NanodashPreferences.get().isOrcidLoginMode()) {

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjPublishPage.html b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjPublishPage.html
@@ -60,7 +60,7 @@ <h4>Author Instruction</h4>
 
 <p class="center">
 <a wicket:id="show-example" href="." class="button light" target="_blank">
-Show Example Nanopublication
+Example Nanopublication for this Template
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 14a1 1 0 0 0-1 1v3.077c0 .459-.022.57-.082.684a.363.363 0 0 1-.157.157c-.113.06-.225.082-.684.082H5.923c-.459 0-.571-.022-.684-.082a.363.363 0 0 1-.157-.157c-.06-.113-.082-.225-.082-.684L4.999 5.5a.5.5 0 0 1 .5-.5l3.5.005a1 1 0 1 0 .002-2L5.501 3a2.5 2.5 0 0 0-2.502 2.5v12.577c0 .76.083 1.185.32 1.627.223.419.558.753.977.977.442.237.866.319 1.627.319h12.154c.76 0 1.185-.082 1.627-.319.419-.224.753-.558.977-.977.237-.442.319-.866.319-1.627V15a1 1 0 0 0-1-1zm-2-9.055v-.291l-.39.09A10 10 0 0 1 15.36 5H14a1 1 0 1 1 0-2l5.5.003a1.5 1.5 0 0 1 1.5 1.5V10a1 1 0 1 1-2 0V8.639c0-.757.086-1.511.256-2.249l.09-.39h-.295a10 10 0 0 1-1.411 1.775l-5.933 5.932a1 1 0 0 1-1.414-1.414l5.944-5.944A10 10 0 0 1 18 4.945z" fill="currentColor"/></svg>
 </a>
 </p>
@@ -71,7 +71,7 @@ <h4>Author Instruction</h4>
 
 <div class="odd"><div class="row-section">
 
-<div class="col-8">
+<div class="col-12">
 
 <h3>Help</h3>
 

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjSelectPage.html b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjSelectPage.html
@@ -204,7 +204,7 @@ <h4>Author Instruction</h4>
 
 <div class="odd"><div class="row-section">
 
-<div class="col-8">
+<div class="col-12">
 
 <h3>Help</h3>
 

diff --git a/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjTypePage.java b/src/main/java/com/knowledgepixels/nanodash/connector/pensoft/BdjTypePage.java
diff --git a/src/main/webapp/style.css b/src/main/webapp/style.css
@@ -226,7 +226,11 @@ ul {
 	margin-bottom: 0.5em;
 }
 
-ul:not(:empty) + .emptynotice {
+ul:has(li) + .emptynotice {
+   display: none;
+}
+
+ul:not(:has(li)) {
    display: none;
 }
 
@@ -914,7 +918,7 @@ hr {
 
 .message {
   background: #F3F6F9;
-  padding: 10px;
+  padding: 15px;
   margin-bottom: 25px;
   border-radius: 4px;
 }