extract js code from 404_doi.html

the js code is now implemented as a macro

scholia/app/static/scholia.js

@@ -931,3 +931,27 @@ function searchTerm(placeholder) {
 
 
 }
+
+function quickStatement404DOI(doi, element) {
+	const c = require('citation-js')
+
+	try {
+		let example = new c.Cite([doi])
+		let output = example.format('quickstatements')
+		$( element ).append( output );
+		output = encodeURI(
+		output.replaceAll('\t', '|')
+				.replaceAll('\n', '||'))
+				.replaceAll('/','%2F')
+		htmlOutput = "<a href=\"https://quickstatements.toolforge.org/#/v1=" + output + "\">\n" +
+					"  <button class=\"btn btn-primary\">Submit to Quickstatements ↗</button>\n" +
+					"</a>\n"
+		$( element ).after( htmlOutput );
+	} catch (error) {
+		if (error.message.includes("status code 404")) {
+			$( element ).append( "DOI does not exist" )
+		} else {
+			console.log(error)
+		}
+	}
+}

scholia/app/templates/404_doi.html

@@ -1,30 +1,8 @@
 {% extends "base.html" %}
 
-{% block scripts %}
-{{super()}}
-
-<script src="{{ url_for('static', filename='js/citation.js') }}"></script>
-<script>
-const c = require('citation-js')
-try {
-  let example = new c.Cite([ '{{ doi }}' ])
-  let output = example.format('quickstatements')
-  $( '#qs' ).append( output );
-  output = encodeURIComponent(
-    output.replaceAll('\t', '|')
-          .replaceAll('\n', '||'))
-  htmlOutput = "<a href=\"https://quickstatements.toolforge.org/#/v1=" + output + "\">\n" +
-               "  <button class=\"btn btn-primary\">Submit to Quickstatements ↗</button>\n" +
-               "</a>\n"
-  $( '#qs' ).after( htmlOutput );
-} catch (error) {
-  if (error.message.includes("status code 404")) {
-    $( '#qs' ).append( "DOI does not exist" )
-  } else {
-    console.log(error)
-  }
-}
-</script>
+{% block in_ready %}
+
+{{ quick_statement( doi ,'qs') }}
 
 {% endblock %}
 

scholia/app/templates/base.html

@@ -47,6 +47,12 @@
 "#{{ panel }}-table", "{{ aspect }}_{{ panel }}.sparql" );
 {%- endmacro %}
 
+{% macro quick_statement(doi, element) -%}
+quickStatement404DOI( "{{ doi }}" ,"#{{ element }}")
+{%- endmacro %}
+
+
+
 
 {% block metas %}
 <meta charset="UTF-8">
@@ -84,7 +90,7 @@
 <script type="text/javascript" src="{{ url_for('static', filename='scholia.js') }}"></script>
 <link href="{{ url_for('static', filename='widgets/select2/css/select2.min.css') }}" rel="stylesheet" />
 <script type="text/javascript" src="{{ url_for('static', filename='widgets/select2/js/select2.min.js')}}"></script>
-
+<script src="{{ url_for('static', filename='js/citation.js') }}"></script>
 <script type="text/javascript">
 
   {% if q %}