mafoo.org.uk/wordsearch
1
0
Fork 0
mirror of https://github.com/fooflington/wordsearch.git synced 2025-06-12 21:11:41 +00:00
Code Issues Projects Releases Wiki Activity

working web

Browse Source
This commit is contained in:
foo
2016-12-18 20:55:35 +00:00
parent 947dd5fcd9
commit 790bdf144e
4 changed files with 114 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
war/build.jsp
View File

@ -7,10 +7,28 @@
border-collapse: collapse;
padding: 2px 4px;
}
#grid {
font-family: monospace; font-size: 16;
}
#wrapper {
width: 80%;
margin: 0 auto;
}
#wordsearch {
float: left;
}
#words {
float: right;
width: 200px;
}
</style>
</head>
<%@ page import="uk.org.mafoo.wordsearch.*" %>
<%@ page import="java.util.*" %>
<%@ page import="org.apache.commons.lang.StringUtils" %>
<%@ page errorPage="error.jsp" %>
<%
@ -24,31 +42,52 @@
for ( String line : request.getParameter("words").split("\r\n")) {
words.add(line.trim());
}
Collections.sort(words);
char[][] grid = GridFactory.makeGrid(words, height, width);
String csv = "";
%>
<body>
<h1>Wordsearch builder</h1>
<h2>Words</h2>
<div style="float: right; padding: 15px;">
<ul>
<% for (String word : words) { %>
<li><%= word.trim() %></li>
<% } %>
</ul>
<a id='csvdownload'>Download CSV</a>
<script>
var csv = '<%= csv %>';
var csvdownload = document.getElementById('csvdownload');
csvdownload.href='data:text/csv;base64,' + btoa(csv);
</script>
</div>
<h2>Grid</h2>
<table style="font-family: monospace; font-size: 16;">
<% for(char[] row : grid) { %>
<tr>
<% for(char c : row) { %>
<td><%= c %></td>
<% } %>
</tr>
<% } %>
</table>
<div id="wrapper">
<div id="wordsearch">
<h2>Grid</h2>
<table id="grid">
<% for(char[] row : grid) { %>
<tr>
<% for(char c : row) {
csv += "" + c + ',';
%>
<td><%= c %></td>
<% } %>
</tr>
<%
csv += "\\n";
}
%>
</table>
</div> <!-- end wordsearch -->
<div id="words">
<h2>Words</h2>
<ul>
<% for (String word : words) { %>
<li><%= word.trim() %></li>
<% } %>
</ul>
</div> <!-- end words -->
</div> <!-- end wrapper -->
<br />
<div>
</body>
</html>