Add current project
This commit is contained in:
Neil Brommer
parent
61df06fa4e
commit
44f29bf758
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.vscode/
|
||||||
|
lib/
|
||||||
|
info.php
|
||||||
18
README.md
18
README.md
|
|
@ -1 +1,17 @@
|
||||||
SnippetManager
|
# Snippet Manager
|
||||||
|
|
||||||
|
An instance of this site is hosted at [snippets.neilbrommer.com](https://snippets.neilbrommer.com)
|
||||||
|
|
||||||
|
A tool for keeping pieces of useful code and programming resources.
|
||||||
|
|
||||||
|
Includes a RESTful API and a web client.
|
||||||
|
|
||||||
|
There is currently no login system; all data is public.
|
||||||
|
|
||||||
|
## Libraries
|
||||||
|
|
||||||
|
[JQuery](https://jquery.com/)
|
||||||
|
|
||||||
|
[Popper.js](https://popper.js.org/)
|
||||||
|
|
||||||
|
[Bootstrap](https://getbootstrap.com/)
|
||||||
|
|
|
||||||
55
css/multiTable.css
Normal file
55
css/multiTable.css
Normal file
|
|
@ -0,0 +1,55 @@
|
||||||
|
.navbar {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
tab-size: 4;
|
||||||
|
-moz-tab-size: 4;
|
||||||
|
background-color: rgb(245, 245, 245);
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langList {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.addSection {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.snippetBody {
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.requiredField {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
#successAlert {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
padding-top: 7px;
|
||||||
|
padding-bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.langSelect {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tablesImg {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resultsContainer {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
background-color: rgb(245, 245, 245);
|
||||||
|
max-height: 600px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
139
css/prism.css
Normal file
139
css/prism.css
Normal file
|
|
@ -0,0 +1,139 @@
|
||||||
|
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+c+asciidoc+aspnet+autohotkey+autoit+bash+basic+batch+bison+brainfuck+bro+cpp+csharp+arduino+coffeescript+ruby+css-extras+d+dart+django+diff+docker+eiffel+elixir+erlang+fsharp+flow+fortran+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+http+icon+inform7+ini+j+java+jolie+json+julia+keyman+kotlin+latex+less+livescript+lolcode+lua+makefile+markdown+matlab+mel+mizar+monkey+n4js+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+perl+php+php-extras+powershell+processing+prolog+properties+protobuf+pug+puppet+pure+python+q+qore+r+jsx+renpy+reason+rest+rip+roboconf+crystal+rust+sas+sass+scss+scala+scheme+smalltalk+smarty+sql+stylus+swift+tcl+textile+twig+typescript+vbnet+verilog+vhdl+vim+wiki+xojo+yaml */
|
||||||
|
/**
|
||||||
|
* prism.js default theme for JavaScript, CSS and HTML
|
||||||
|
* Based on dabblet (http://dabblet.com)
|
||||||
|
* @author Lea Verou
|
||||||
|
*/
|
||||||
|
|
||||||
|
code[class*="language-"],
|
||||||
|
pre[class*="language-"] {
|
||||||
|
color: black;
|
||||||
|
background: none;
|
||||||
|
text-shadow: 0 1px white;
|
||||||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||||
|
text-align: left;
|
||||||
|
white-space: pre;
|
||||||
|
word-spacing: normal;
|
||||||
|
word-break: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: 1.5;
|
||||||
|
|
||||||
|
-moz-tab-size: 4;
|
||||||
|
-o-tab-size: 4;
|
||||||
|
tab-size: 4;
|
||||||
|
|
||||||
|
-webkit-hyphens: none;
|
||||||
|
-moz-hyphens: none;
|
||||||
|
-ms-hyphens: none;
|
||||||
|
hyphens: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||||
|
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||||
|
text-shadow: none;
|
||||||
|
background: #b3d4fc;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||||
|
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||||
|
text-shadow: none;
|
||||||
|
background: #b3d4fc;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
code[class*="language-"],
|
||||||
|
pre[class*="language-"] {
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Code blocks */
|
||||||
|
pre[class*="language-"] {
|
||||||
|
padding: 1em;
|
||||||
|
margin: .5em 0;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(pre) > code[class*="language-"],
|
||||||
|
pre[class*="language-"] {
|
||||||
|
background: #f5f2f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inline code */
|
||||||
|
:not(pre) > code[class*="language-"] {
|
||||||
|
padding: .1em;
|
||||||
|
border-radius: .3em;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.comment,
|
||||||
|
.token.prolog,
|
||||||
|
.token.doctype,
|
||||||
|
.token.cdata {
|
||||||
|
color: slategray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.punctuation {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.namespace {
|
||||||
|
opacity: .7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.property,
|
||||||
|
.token.tag,
|
||||||
|
.token.boolean,
|
||||||
|
.token.number,
|
||||||
|
.token.constant,
|
||||||
|
.token.symbol,
|
||||||
|
.token.deleted {
|
||||||
|
color: #905;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.selector,
|
||||||
|
.token.attr-name,
|
||||||
|
.token.string,
|
||||||
|
.token.char,
|
||||||
|
.token.builtin,
|
||||||
|
.token.inserted {
|
||||||
|
color: #690;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.operator,
|
||||||
|
.token.entity,
|
||||||
|
.token.url,
|
||||||
|
.language-css .token.string,
|
||||||
|
.style .token.string {
|
||||||
|
color: #a67f59;
|
||||||
|
background: hsla(0, 0%, 100%, .5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.atrule,
|
||||||
|
.token.attr-value,
|
||||||
|
.token.keyword {
|
||||||
|
color: #07a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.function {
|
||||||
|
color: #DD4A68;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.regex,
|
||||||
|
.token.important,
|
||||||
|
.token.variable {
|
||||||
|
color: #e90;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.important,
|
||||||
|
.token.bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.token.italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.token.entity {
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
|
||||||
13
dbTools.php
Normal file
13
dbTools.php
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<?php
|
||||||
|
function buildPDO() {
|
||||||
|
include_once "info.php";
|
||||||
|
|
||||||
|
$dsn = "mysql:host=$host;dbname=$db;charset=$charset";
|
||||||
|
$opt = [
|
||||||
|
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
|
||||||
|
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
|
||||||
|
PDO::ATTR_EMULATE_PREPARES => false,
|
||||||
|
];
|
||||||
|
return new PDO($dsn, $user, $pass, $opt);
|
||||||
|
}
|
||||||
|
?>
|
||||||
413
documentation.html
Normal file
413
documentation.html
Normal file
|
|
@ -0,0 +1,413 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="A new tab page">
|
||||||
|
<meta name="author" content="Neil Brommer">
|
||||||
|
<link rel="icon" href="favicon.ico">
|
||||||
|
|
||||||
|
<title>Documentation - Multi-Table Service</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap core CSS -->
|
||||||
|
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Custom styles -->
|
||||||
|
<link href="css/multiTable.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="wrapper" class="container">
|
||||||
|
<nav class="navbar rounded navbar-expand-md navbar-dark bg-dark mb-4">
|
||||||
|
<a class="navbar-brand" href="#">Snippets</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
|
||||||
|
aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<ul class="navbar-nav mr-auto">
|
||||||
|
<li>
|
||||||
|
<a class="nav-link" href="index.html">Web Client</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="nav-link active" href="documentation.html">API</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="form-inline mt-2 mt-md-0">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<h1>About</h1>
|
||||||
|
<p>
|
||||||
|
This app keeps a set of code snippets and programming resources categorized by language/library.
|
||||||
|
Each snippet or resource can be associated with multiple languages and vice versa.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>Features I plan to add to the backend:</p>
|
||||||
|
<ul>
|
||||||
|
<li>A login system</li>
|
||||||
|
<li>Add a column for snippets to indicate the language the snippet is written in</li>
|
||||||
|
<li>Search</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>Features I plan to add to the web client:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Syntax highlighting via <a href="http://prismjs.com/" target="_blamk">Prism</a></li>
|
||||||
|
<li>When a single language is selected, show all related snippets and resources</li>
|
||||||
|
<li>Deep linking</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h1>Tables</h1>
|
||||||
|
<p>There are three main tables:</p>
|
||||||
|
<ul>
|
||||||
|
<li>language</li>
|
||||||
|
<li>snippet</li>
|
||||||
|
<li>resource</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>And three tables used to link these tables together:</p>
|
||||||
|
<ul>
|
||||||
|
<li>langLang</li>
|
||||||
|
<li>langSnippet</li>
|
||||||
|
<li>langResource</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img id="tablesImg" src="tables.png" class="img-fluid rounded my-3 p-2 border">
|
||||||
|
|
||||||
|
<p>Each of the three main tables has a corresponding API endpoint (off of the base URL webdev.neilbrommer.com/multiTable/):</p>
|
||||||
|
<ul>
|
||||||
|
<li>lang.php</li>
|
||||||
|
<li>snippet.php</li>
|
||||||
|
<li>resource.php</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<h1>API</h1>
|
||||||
|
<p>
|
||||||
|
Each of the endpoints is off of the base URL of <u>https://webdev.neilbrommer.com/multiTable/</u>.
|
||||||
|
SSL is required.
|
||||||
|
</p>
|
||||||
|
<p>Arguments that are <u>underlined</u> are optional.</p>
|
||||||
|
|
||||||
|
<h3 class="mt-5">lang.php</h3>
|
||||||
|
<p>For managing the list of languages.</p>
|
||||||
|
|
||||||
|
<div class="row border mb-4 rounded">
|
||||||
|
<form id="languageForm" class="py-3 col-md-4">
|
||||||
|
<p>webdev.neilbrommer.com<wbr>/multiTable<wbr>/lang.php</p>
|
||||||
|
<div class="form-group">
|
||||||
|
<select id="languageType" class="custom-select">
|
||||||
|
<option value="GET" selected>GET</option>
|
||||||
|
<option value="POST">POST</option>
|
||||||
|
<option value="PUT">PUT</option>
|
||||||
|
<option value="DELETE">DELETE</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="languageLangID">langID</label>
|
||||||
|
<input id="languageLangID" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="languageLangName">langName</label>
|
||||||
|
<input id="languageLangName" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="languageLangDesc">langDescription</label>
|
||||||
|
<input id="languageLangDesc" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="languageAssocLang">associatedLang</label>
|
||||||
|
<input id="languageAssocLang" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<button id="languageSubmit" type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</form>
|
||||||
|
<pre class="col-md-8 p-1 resultsContainer"><code id="languageResults">Results will appear here</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>GET</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
Each of these returns a JSON object with <code>langID</code>, <code>langName</code>, <code>langDescription</code>,
|
||||||
|
a list of related <code>languages</code>, a list of <code>snippets</code>, and a list of <code>resources</code>.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
No arguments: returns all language entries.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number): returns the specified language.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>POST</dt>
|
||||||
|
<p>Returns the <code>langID</code> of the new entry.</p>
|
||||||
|
<dd>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>langName</code> (string), <u><code>langDescription</code></u> (string), <u><code>associatedLang</code></u>
|
||||||
|
(number): Creates a new language with the specified information. <code>associatedLang</code> is the
|
||||||
|
<code>langID</code> of the language you want to link to the one being created. More languages can be linked later
|
||||||
|
via <code>PUT</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>PUT</dt>
|
||||||
|
<p>Returns no data.</p>
|
||||||
|
<dd>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number), <u><code>langName</code></u> (string), <u><code>langDescription</code></u>
|
||||||
|
(string), <u><code>associatedLang</code></u> (number): Modifies any provided fields for the language
|
||||||
|
specified by the <code>langID</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>DELETE</dt>
|
||||||
|
<p>Returns no data.</p>
|
||||||
|
<dd>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number): Deletes the specified language entry, including all connections to snippets,
|
||||||
|
resources, and other languages.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number), <code>associatedLang</code> (number): Removes the connection between the two
|
||||||
|
specified languages.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<h3 class="mt-5">snippet.php</h3>
|
||||||
|
<p>For managing the list of snippets.</p>
|
||||||
|
|
||||||
|
<div class="row border mb-4 rounded">
|
||||||
|
<form id="snippetForm" class="py-3 col-md-4">
|
||||||
|
<p class="wrapping">webdev.neilbrommer.com<wbr>/multiTable<wbr>/snippet.php</p>
|
||||||
|
<div class="form-group">
|
||||||
|
<select id="snippetType" class="custom-select">
|
||||||
|
<option value="GET" selected>GET</option>
|
||||||
|
<option value="POST">POST</option>
|
||||||
|
<option value="PUT">PUT</option>
|
||||||
|
<option value="DELETE">DELETE</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="snippetSnippetID">snippetID</label>
|
||||||
|
<input id="snippetSnippetID" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="snippetSnippetName">snippetName</label>
|
||||||
|
<input id="snippetSnippetName" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="snippetSnippetDesc">snippetDescription</label>
|
||||||
|
<input id="snippetSnippetDesc" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="snippetSnippetBody">snippet</label>
|
||||||
|
<textarea id="snippetSnippetBody" class="form-control"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="snippetLangID">langID</label>
|
||||||
|
<input id="snippetLangID" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<button id="snippetSubmit" type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</form>
|
||||||
|
<pre class="col-md-8 p-1 resultsContainer"><code id="snippetResults">Results will appear here</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>GET</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
Each of these returns a JSON object with <code>snippetID</code>, <code>snippetName</code>,
|
||||||
|
<code>snippetDescription</code>, <code>snippet</code>, and a list of related <code>languages</code>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
No arguments: Returns a list of all snippets.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>snippetID</code> (number): Returns the entry for the specified language.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number): Returns a list of snippets related to the given language.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>POST</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Returns the <code>snippetID</code> of the new snippet.</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>snippetName</code> (string), <u><code>langID</code></u> (number),
|
||||||
|
<u><code>snippetDescription</code></u> (string), <u><code>snippet</code></u> (string):
|
||||||
|
Creates a new snippet with the given values.
|
||||||
|
|
||||||
|
Only one language can be associated with a snippet at creation. More can be added later via
|
||||||
|
<code>PUT</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>PUT</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Returns nothing</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>snippetID</code> (number), <u><code>langID</code></u> (number),
|
||||||
|
<u><code>snippetName</code></u> (string), <u><code>snippetDescription</code></u> (string),
|
||||||
|
<u><code>snippet</code></u> (string): Modifies the specified information.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>DELETE</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Returns nothing</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>snippetID</code> (number): Deletes the entry for the specified snippet.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>snippetID</code> (number), <code>langID</code> (number): Removes the connection between
|
||||||
|
the specified snippet and language.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
<h3 class="mt-5">resource.php</h3>
|
||||||
|
<p>For managing the list of resources.</p>
|
||||||
|
<p>
|
||||||
|
The API for resource.php is nearly identical to the one for snippet.php with <code>resourceLink</code>
|
||||||
|
in place of <code>snippet</code>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="row border mb-4 rounded">
|
||||||
|
<form id="resourceForm" class="py-3 col-md-4">
|
||||||
|
<p class="wrapping">webdev.neilbrommer.com<wbr>/multiTable<wbr>/resource.php</p>
|
||||||
|
<div class="form-group">
|
||||||
|
<select id="resourceType" class="custom-select">
|
||||||
|
<option value="GET" selected>GET</option>
|
||||||
|
<option value="POST">POST</option>
|
||||||
|
<option value="PUT">PUT</option>
|
||||||
|
<option value="DELETE">DELETE</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="resourceResourceID">resourceID</label>
|
||||||
|
<input id="resourceResourceID" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="resourceResourceName">resourceName</label>
|
||||||
|
<input id="resourceResourceName" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="resourceResourceDesc">resourceDescription</label>
|
||||||
|
<input id="resourceResourceDesc" type="text" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="resourceResourceLink">resourceLink</label>
|
||||||
|
<input id="resourceResourceLink" type="url" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="resourceLangID">langID</label>
|
||||||
|
<input id="resourceLangID" type="number" class="form-control">
|
||||||
|
</div>
|
||||||
|
<button id="resourceSubmit" type="submit" class="btn btn-primary">Submit</button>
|
||||||
|
</form>
|
||||||
|
<pre class="col-md-8 p-1 resultsContainer"><code id="resourceResults">Results will appear here</code></pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>GET</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
Returns JSON encoded resources with a <code>resourceID</code>, a <code>resourceName</code>, a
|
||||||
|
<code>resourceDescription</code>, a <code>resourceLink</code>, and a list of related
|
||||||
|
<code>languages</code>.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
No arguments: Returns a list of all resource entries.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>langID</code> (number): Returns a list of resources related to the specified language.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>resourceID</code> (number): Returns the specified resource entry.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>POST</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
Returns the <code>resourceID</code> of the newly created resource.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>resourceName</code> (string), <u><code>langID</code></u> (number),
|
||||||
|
<u><code>resourceDescription</code></u> (string), and <u><code>resourceLink</code></u> (string):
|
||||||
|
Creates a resource with the given information.
|
||||||
|
|
||||||
|
Only one language can be associated at creation. More can be added via <code>PUT</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>PUT</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Returns nothing.</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>resourceID</code> (number), <u><code>resourceName</code></u> (string),
|
||||||
|
<u><code>langID</code></u> (number), <u><code>resourceDescription</code></u> (string), and
|
||||||
|
<u><code>resourceLink</code></u> (string): Modifies the specified data for the specified
|
||||||
|
resource.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>DELETE</dt>
|
||||||
|
<dd>
|
||||||
|
<p>Returns nothing.</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<code>resourceID</code> (number): Deletes the specified resource.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<code>resourceID</code> (number), <code>langID</code> (number): Removes the connection between
|
||||||
|
the specified resource and language.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Bootstrap core JavaScript
|
||||||
|
================================================== -->
|
||||||
|
<!-- Placed at the end of the document so the pages load faster -->
|
||||||
|
<script src="lib/jquery/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="lib/popper/popper.js"></script>
|
||||||
|
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- custom JavaScript -->
|
||||||
|
<script src="js/docs.js"></script>
|
||||||
|
</body>
|
||||||
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
362
index.html
Normal file
362
index.html
Normal file
|
|
@ -0,0 +1,362 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="description" content="A new tab page">
|
||||||
|
<meta name="author" content="Neil Brommer">
|
||||||
|
<link rel="icon" href="favicon.ico">
|
||||||
|
|
||||||
|
<title>Multi-Table Service</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap core CSS -->
|
||||||
|
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Custom styles -->
|
||||||
|
<link href="css/multiTable.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="wrapper" class="container">
|
||||||
|
<nav class="navbar rounded navbar-expand-md navbar-dark bg-dark mb-4">
|
||||||
|
<a class="navbar-brand" href="#">Snippets</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
|
||||||
|
aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||||
|
<ul class="navbar-nav mr-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a id="langLink" class="nav-link active" href="#">Languages</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a id="snippetLink" class="nav-link" href="#">Snippets</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a id="resourceLink" class="nav-link" href="#">Resources</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="nav-link" href="documentation.html">API</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<form class="form-inline mt-2 mt-md-0">
|
||||||
|
<button class="btn btn-primary ml-sm-2" type="button" data-toggle="modal" data-target="#addModal">Add</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div id="successAlert" class="alert alert-success"></div>
|
||||||
|
|
||||||
|
<div id="mainList">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="addModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Add Item</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<ul class="nav nav-tabs" id="tabContent">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a id="addLangTab" class="nav-link active" href="#addLang" data-toggle="tab">Language</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a id="addSnippetTab" class="nav-link" href="#addSnippet" data-toggle="tab">Snippet</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a id="addResourceTab" class="nav-link" href="#addResource" data-toggle="tab">Resource</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="tab-content">
|
||||||
|
<div id="addLang" class="addSection tab-pane fade show active">
|
||||||
|
<form id="formAddLang">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtLangName">Name</label>
|
||||||
|
<input id="txtLangName" type="text" class="form-control addField" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="selectLangLangs">Languages</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectLangLangs" class="custom-select langSelect" multiple size="9"></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtLangDesc">Description</label>
|
||||||
|
<textarea id="txtLangDesc" class="form-control addField"></textarea>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="addSnippet" class="addSection tab-pane fade">
|
||||||
|
<form id="formAddSnippet">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtSnippetName">Name</label>
|
||||||
|
<input id="txtSnippetName" type="text" class="form-control addField" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="selectSnippetLangs">Languages</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectSnippetLangs" class="custom-select langSelect" multiple size="9"></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtSnippetDesc">Description</label>
|
||||||
|
<textarea id="txtSnippetDesc" class="form-control addField"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtSnippetBody">Snippet</label>
|
||||||
|
<textarea id="txtSnippetBody" class="form-control addField snippetBody" rows="10" wrap="off"></textarea>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="addResource" class="addSection tab-pane fade">
|
||||||
|
<form id="formAddResource">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtResourceName">Name</label>
|
||||||
|
<input id="txtResourceName" type="text" class="form-control addField" required>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="selectResourceLangs">Languages</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectResourceLangs" class="custom-select langSelect" multiple size="9"></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtResourceDesc">Description</label>
|
||||||
|
<textarea id="txtResourceDesc" class="form-control addField"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="txtResourceLink">Link</label>
|
||||||
|
<input id="txtResourceLink" type="url" class="form-control addField">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="btnAddItem" type="button" class="btn btn-primary">Add</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="editLangModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Edit Language</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form id="formEditLang">
|
||||||
|
<input id="editLangID" type="hidden">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editLangNameChk" class="custom-control-input editChk" data-for="#txtEditLangName">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Name</span>
|
||||||
|
</label>
|
||||||
|
<input id="txtEditLangName" type="text" class="form-control editField" disabled>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editLangLangsChk" class="custom-control-input editChk" data-for="#selectEditLangLangs">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Languages</span>
|
||||||
|
</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectEditLangLangs" class="custom-select editField langSelect" multiple size="9" disabled></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editLangDescChk" class="custom-control-input editChk" data-for="#txtEditLangDesc">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Description</span>
|
||||||
|
</label>
|
||||||
|
<textarea id="txtEditLangDesc" class="form-control editField" disabled></textarea>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="btnSaveLang" type="button" class="btn btn-primary">Save</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="editSnippetModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Edit Snippet</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form id="formEditSnippet">
|
||||||
|
<input id="editSnippetID" type="hidden">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editSnippetNameChk" class="custom-control-input editChk" data-for="#txtEditSnippetName">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Name</span>
|
||||||
|
</label>
|
||||||
|
<input id="txtEditSnippetName" type="text" class="form-control editField" disabled>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editSnippetLangsChk" class="custom-control-input editChk" data-for="#selectEditSnippetLangs">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Languages</span>
|
||||||
|
</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectEditSnippetLangs" class="custom-select editField langSelect" multiple size="9" disabled></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editSnippetDescChk" class="custom-control-input editChk" data-for="#txtEditSnippetDesc">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Description</span>
|
||||||
|
</label>
|
||||||
|
<textarea id="txtEditSnippetDesc" class="form-control editField" disabled></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editSnippetBodyChk" class="custom-control-input editChk" data-for="#txtEditSnippetBody">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Snippet</span>
|
||||||
|
</label>
|
||||||
|
<textarea id="txtEditSnippetBody" class="form-control snippetBody editField" rows="10" wrap="off" disabled></textarea>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="btnSaveSnippet" type="button" class="btn btn-primary">Save</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="editResourceModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Edit Resource</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form id="formEditResource">
|
||||||
|
<input id="editResourceID" type="hidden">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editResourceNameChk" class="custom-control-input editChk" data-for="#txtEditResourceName">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Name</span>
|
||||||
|
</label>
|
||||||
|
<input id="txtEditResourceName" type="text" class="form-control editField" disabled>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editResourceLangsChk" class="custom-control-input editChk" data-for="#selectEditResourceLangs">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Languages</span>
|
||||||
|
</label>
|
||||||
|
<button type="button" class="btn btn-info btn-sm float-right clearLangSelect">Clear</button>
|
||||||
|
<select id="selectEditResourceLangs" class="custom-select editField langSelect" multiple size="9" disabled></select>
|
||||||
|
<small class="form-text text-muted">Hold Ctrl to select multiple</small>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editResourceDescChk" class="custom-control-input editChk" data-for="#txtEditResourceDesc">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Description</span>
|
||||||
|
</label>
|
||||||
|
<textarea id="txtEditResourceDesc" class="form-control editField" disabled></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="custom-control custom-checkbox">
|
||||||
|
<input type="checkbox" id="editResourceLinkChk" class="custom-control-input editChk" data-for="#txtEditResourceLink">
|
||||||
|
<span class="custom-control-indicator"></span>
|
||||||
|
<span class="custom-control-description">Link</span>
|
||||||
|
</label>
|
||||||
|
<input id="txtEditResourceLink" type="url" class="form-control editField" disabled>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="btnSaveResource" type="button" class="btn btn-primary">Save</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="confirmDeleteModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Confirm Delete</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<p id="deleteText">Are you sure?</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button id="btnConfirmDelete" type="button" class="btn btn-danger">Delete</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="errorModal" class="modal fade" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header text-white bg-danger">
|
||||||
|
<h5 class="modal-title">Error</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<p id="errorText">ERROR</p>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Bootstrap core JavaScript
|
||||||
|
================================================== -->
|
||||||
|
<!-- Placed at the end of the document so the pages load faster -->
|
||||||
|
<script src="lib/jquery/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="lib/popper/popper.js"></script>
|
||||||
|
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
174
js/docs.js
Normal file
174
js/docs.js
Normal file
|
|
@ -0,0 +1,174 @@
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("#languageForm").submit(languageSubmit);
|
||||||
|
$("#snippetForm").submit(snippetSubmit);
|
||||||
|
$("#resourceForm").submit(resourceSubmit);
|
||||||
|
});
|
||||||
|
|
||||||
|
function languageSubmit(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var type = $("#languageType").val();
|
||||||
|
var data = {};
|
||||||
|
|
||||||
|
if (type == "GET" || type == "DELETE") {
|
||||||
|
var langID = $("#languageLangID").val();
|
||||||
|
var assoc = $("#languageAssocLang").val();
|
||||||
|
|
||||||
|
if (langID != "")
|
||||||
|
data['langID'] = langID;
|
||||||
|
if (assoc != "")
|
||||||
|
data['associatedLang'] = assoc;
|
||||||
|
} else if (type == "POST") {
|
||||||
|
var langName = $("#languageLangName").val();
|
||||||
|
var langDesc = $("#languageLangDesc").val();
|
||||||
|
var assoc = $("#languageAssocLang").val();
|
||||||
|
|
||||||
|
if (langName != "")
|
||||||
|
data['langName'] = langName;
|
||||||
|
if (langDesc != "")
|
||||||
|
data['langDescription'] = langDesc;
|
||||||
|
if (assoc != "")
|
||||||
|
data['associatedLang'] = assoc;
|
||||||
|
} else { // PUT
|
||||||
|
var langID = $("#languageLangID").val();
|
||||||
|
var langName = $("#languageLangName").val();
|
||||||
|
var langDesc = $("#languageLangDesc").val();
|
||||||
|
var assoc = $("#languageAssocLang").val();
|
||||||
|
|
||||||
|
if (langID != "")
|
||||||
|
data['langID'] = langID;
|
||||||
|
if (langName != "")
|
||||||
|
data['langName'] = langName;
|
||||||
|
if (langDesc != "")
|
||||||
|
data['langDescription'] = langDesc;
|
||||||
|
if (assoc != "")
|
||||||
|
data['associatedLang'] = assoc;
|
||||||
|
}
|
||||||
|
|
||||||
|
makeRequest(type, "lang.php", data, $("#languageResults"));
|
||||||
|
}
|
||||||
|
|
||||||
|
function snippetSubmit(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var type = $("#snippetType").val();
|
||||||
|
var data = {};
|
||||||
|
|
||||||
|
if (type == "GET" || type == "DELETE") {
|
||||||
|
var snippetID = $("#snippetSnippetID").val();
|
||||||
|
var assoc = $("#snippetLangID").val();
|
||||||
|
|
||||||
|
if (snippetID != "")
|
||||||
|
data['snippetID'] = snippetID;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
} else if (type == "POST") {
|
||||||
|
var snippetName = $("#snippetSnippetName").val();
|
||||||
|
var snippetDesc = $("#snippetSnippetDesc").val();
|
||||||
|
var body = $("#snippetSnippetBody").val();
|
||||||
|
var assoc = $("#snippetLangID").val();
|
||||||
|
|
||||||
|
if (snippetName != "")
|
||||||
|
data['snippetName'] = snippetName;
|
||||||
|
if (snippetDesc != "")
|
||||||
|
data['snippetDescription'] = snippetDesc;
|
||||||
|
if (body != "")
|
||||||
|
data['snippet'] = body;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
} else { // PUT
|
||||||
|
var snippetID = $("#snippetSnippetID").val();
|
||||||
|
var snippetName = $("#snippetSnippetName").val();
|
||||||
|
var snippetDesc = $("#snippetSnippetDesc").val();
|
||||||
|
var body = $("#snippetSnippetBody").val();
|
||||||
|
var assoc = $("#snippetLangID").val();
|
||||||
|
|
||||||
|
if (snippetID != "")
|
||||||
|
data['snippetID'] = snippetID;
|
||||||
|
if (snippetName != "")
|
||||||
|
data['snippetName'] = snippetName;
|
||||||
|
if (snippetDesc != "")
|
||||||
|
data['snippetDescription'] = snippetDesc;
|
||||||
|
if (body != "")
|
||||||
|
data['snippet'] = body;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
}
|
||||||
|
|
||||||
|
makeRequest(type, "snippet.php", data, $("#snippetResults"));
|
||||||
|
}
|
||||||
|
|
||||||
|
function resourceSubmit(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var type = $("#resourceType").val();
|
||||||
|
var data = {};
|
||||||
|
|
||||||
|
if (type == "GET" || type == "DELETE") {
|
||||||
|
var resourceID = $("#resourceResourceID").val();
|
||||||
|
var assoc = $("#resourceLangID").val();
|
||||||
|
|
||||||
|
if (resourceID != "")
|
||||||
|
data['resourceID'] = resourceID;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
} else if (type == "POST") {
|
||||||
|
var resourceName = $("#resourceResourceName").val();
|
||||||
|
var resourceDesc = $("#resourceResourceDesc").val();
|
||||||
|
var link = $("#resourceResourceLink").val();
|
||||||
|
var assoc = $("#resourceLangID").val();
|
||||||
|
|
||||||
|
if (resourceName != "")
|
||||||
|
data['resourceName'] = resourceName;
|
||||||
|
if (resourceDesc != "")
|
||||||
|
data['resourceDescription'] = resourceDesc;
|
||||||
|
if (link != "")
|
||||||
|
data['resourceLink'] = link;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
} else { // PUT
|
||||||
|
var resourceID = $("#resourceResourceID").val();
|
||||||
|
var resourceName = $("#resourceResourceName").val();
|
||||||
|
var resourceDesc = $("#resourceResourceDesc").val();
|
||||||
|
var link = $("#resourceResourceLink").val();
|
||||||
|
var assoc = $("#resourceLangID").val();
|
||||||
|
|
||||||
|
if (resourceID != "")
|
||||||
|
data['resourceID'] = resourceID;
|
||||||
|
if (resourceName != "")
|
||||||
|
data['resourceName'] = resourceName;
|
||||||
|
if (resourceDesc != "")
|
||||||
|
data['resourceDescription'] = resourceDesc;
|
||||||
|
if (link != "")
|
||||||
|
data['resourceLink'] = link;
|
||||||
|
if (assoc != "")
|
||||||
|
data['langID'] = assoc;
|
||||||
|
}
|
||||||
|
|
||||||
|
makeRequest(type, "resource.php", data, $("#resourceResults"));
|
||||||
|
}
|
||||||
|
|
||||||
|
function makeRequest(type, endpoint, data, resultsSection) {
|
||||||
|
$.ajax({
|
||||||
|
url: endpoint,
|
||||||
|
type: type,
|
||||||
|
data: data,
|
||||||
|
success: function (res, status, xhr) { insertSuccess(res, xhr, resultsSection); },
|
||||||
|
error: function (xhr, status, err) { insertError(xhr, resultsSection); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function insertSuccess(results, xhr, resultsSection) {
|
||||||
|
var str = xhr.getAllResponseHeaders() + "\r\nStatus Code: " + xhr.status + " " + xhr.statusText;
|
||||||
|
if (results != null) {
|
||||||
|
if (typeof results === 'string' || results instanceof String)
|
||||||
|
str += "\r\n\r\n" + results;
|
||||||
|
else
|
||||||
|
str += "\r\n\r\n" + JSON.stringify(results, null, 4);
|
||||||
|
}
|
||||||
|
resultsSection.text(str);
|
||||||
|
}
|
||||||
|
|
||||||
|
function insertError(xhr, resultsSection) {
|
||||||
|
var str = xhr.getAllResponseHeaders() + "\r\nStatus Code: " + xhr.status + " " + xhr.statusText;
|
||||||
|
if (xhr.responseText != null)
|
||||||
|
str += "\r\n\r\n" + xhr.responseText;
|
||||||
|
resultsSection.text(str);
|
||||||
|
}
|
||||||
739
js/main.js
Normal file
739
js/main.js
Normal file
|
|
@ -0,0 +1,739 @@
|
||||||
|
var selectList = [];
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
loadLangs();
|
||||||
|
|
||||||
|
$("#langLink").click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
loadLangs();
|
||||||
|
});
|
||||||
|
$("#snippetLink").click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
loadSnippets();
|
||||||
|
});
|
||||||
|
$("#resourceLink").click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
loadResources();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#addModal").on("show.bs.modal", function (e) {
|
||||||
|
$("#addLangTab").tab("show");
|
||||||
|
$(".addField").val("");
|
||||||
|
buildLangSelect();
|
||||||
|
});
|
||||||
|
$("#editLangModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
||||||
|
$("#editSnippetModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
||||||
|
$("#editResourceModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
||||||
|
$("#addModal").on("shown.bs.modal", function (e) { $("#txtLangName").focus(); });
|
||||||
|
$("#addLangTab").on("shown.bs.tab", function (e) { $("#txtLangName").focus(); });
|
||||||
|
$("#addSnippetTab").on("shown.bs.tab", function (e) { $("#txtSnippetName").focus(); });
|
||||||
|
$("#addResourceTab").on("shown.bs.tab", function (e) { $("#txtResourceName").focus(); });
|
||||||
|
|
||||||
|
$("#btnAddItem").click(addNewItem);
|
||||||
|
$("#btnSaveLang").click(saveLang);
|
||||||
|
$("#btnSaveSnippet").click(saveSnippet);
|
||||||
|
$("#btnSaveResource").click(saveResource);
|
||||||
|
$(".clearLangSelect").click(function () { $(".langSelect").val([]); });
|
||||||
|
|
||||||
|
$(".editChk").change(checkBoxChange);
|
||||||
|
});
|
||||||
|
|
||||||
|
function buildLangSelect() {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "GET",
|
||||||
|
success: addSelectLangs,
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSelectLangs(langList) {
|
||||||
|
var selectors = $(".langSelect");
|
||||||
|
selectors.empty();
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
var cur = langList[i];
|
||||||
|
$("<option>").val(cur.langID).text(cur.langName).appendTo(selectors);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkBoxChange() {
|
||||||
|
var me = $(this);
|
||||||
|
$(me.data("for")).attr("disabled", !me.prop("checked"));
|
||||||
|
}
|
||||||
|
|
||||||
|
function addNewItem() {
|
||||||
|
if ($("#addLangTab").hasClass("active")) {
|
||||||
|
if ($("#formAddLang")[0].checkValidity()) {
|
||||||
|
var data = {};
|
||||||
|
data['langName'] = $("#txtLangName").val().trim();
|
||||||
|
|
||||||
|
if ($("#txtLangDesc").val().trim() != "") {
|
||||||
|
data['langDescription'] = $("#txtLangDesc").val().trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
var langs = $("#selectLangLangs").val();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "POST",
|
||||||
|
data: data,
|
||||||
|
success: function (res) { addLangLangs(res, data['langName'], langs); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else if ($("#addSnippetTab").hasClass("active")) {
|
||||||
|
if ($("#formAddSnippet")[0].checkValidity()) {
|
||||||
|
var data = {};
|
||||||
|
data['snippetName'] = $("#txtSnippetName").val().trim();
|
||||||
|
if ($("#txtSnippetDesc").val().trim() != "") {
|
||||||
|
data['snippetDescription'] = $("#txtSnippetDesc").val().trim();
|
||||||
|
}
|
||||||
|
if ($("#txtSnippetBody").val().trim() != "") {
|
||||||
|
data['snippet'] = $("#txtSnippetBody").val().trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
var langs = $("#selectSnippetLangs").val();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "POST",
|
||||||
|
data: data,
|
||||||
|
success: function (res) { addSnippetLangs(res, data['snippetName'], langs) },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if ($("#formAddResource")[0].checkValidity()) {
|
||||||
|
var data = {};
|
||||||
|
data['resourceName'] = $("#txtResourceName").val().trim();
|
||||||
|
if ($("#txtResourceDesc").val().trim() != "") {
|
||||||
|
data['resourceDescription'] = $("#txtResourceDesc").val().trim();
|
||||||
|
}
|
||||||
|
if ($("#txtResourceLink").val().trim() != "") {
|
||||||
|
data['resourceLink'] = $("#txtResourceLink").val().trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
var langs = $("#selectResourceLangs").val();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "POST",
|
||||||
|
data: data,
|
||||||
|
success: function (res) { addResourceLangs(res, data['resourceName'], langs); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangLangs(langID, langName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {langID: langID, associatedLang: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added language: " + langName, "lang");
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSnippetLangs(snippetID, snippetName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {snippetID: snippetID, langID: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added snippet: " + snippetName, "snippet");
|
||||||
|
}
|
||||||
|
|
||||||
|
function addResourceLangs(resourceID, resourceName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {resourceID: resourceID, langID: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added resource: " + resourceName, "resource");
|
||||||
|
}
|
||||||
|
|
||||||
|
function successAlert(text, type) {
|
||||||
|
var alert = $("#successAlert");
|
||||||
|
|
||||||
|
if (alert.attr("display") == "none") {
|
||||||
|
alert.slideUp();
|
||||||
|
}
|
||||||
|
|
||||||
|
alert.text(text).slideDown().delay(5000).slideUp();
|
||||||
|
|
||||||
|
if (type.toLowerCase() == "lang")
|
||||||
|
loadLangs();
|
||||||
|
else if (type.toLowerCase() == "snippet")
|
||||||
|
loadSnippets();
|
||||||
|
else if (type.toLowerCase() == "resource")
|
||||||
|
loadResources();
|
||||||
|
|
||||||
|
$(".modal").modal('hide');
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadResources() {
|
||||||
|
$("#langLink").removeClass("active");
|
||||||
|
$("#snippetLink").removeClass("active");
|
||||||
|
$("#resourceLink").addClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "GET",
|
||||||
|
success: addResourceList,
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addResourceList(resourceList) {
|
||||||
|
var mainList = $("#mainList");
|
||||||
|
for (var i = 0; i < resourceList.length; i++) {
|
||||||
|
$("<div>").attr({ "id": "resource-" + resourceList[i].resourceID }).appendTo(mainList);
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php?resourceID=" + resourceList[i].resourceID,
|
||||||
|
type: "GET",
|
||||||
|
success: addResource,
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addResource(resource) {
|
||||||
|
var link = $('<a>').attr({
|
||||||
|
"id": "resource-" + resource.resourceID + "-link",
|
||||||
|
"href": resource.resourceLink,
|
||||||
|
"target": "_blank"
|
||||||
|
}).text(resource.resourceLink);
|
||||||
|
buildCard("resource", resource.resourceID, resource.resourceName, resource.languages, resource.resourceDescription, link);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showResource(resourceID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$("<div>").attr("id", "resource-" + resourceID).appendTo($("#mainList"));
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php?resourceID=" + resourceID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addResource(result); },
|
||||||
|
error: function (result) { displayError(result); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadSnippets() {
|
||||||
|
$("#langLink").removeClass("active");
|
||||||
|
$("#snippetLink").addClass("active");
|
||||||
|
$("#resourceLink").removeClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addSnippets(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSnippets(snippetList) {
|
||||||
|
var mainList = $("#mainList");
|
||||||
|
for (var i = 0; i < snippetList.length; i++) {
|
||||||
|
// add thesse so that everything is loaded in order regardless of async
|
||||||
|
$("<div>").attr({ "id": "snippet-" + snippetList[i].snippetID }).appendTo(mainList);
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php?snippetID=" + snippetList[i].snippetID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addSnippet(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSnippet(snippet) {
|
||||||
|
var code = $('<pre><code>').attr("id", "snippet-" + snippet.snippetID + "-body").text(snippet.snippet);
|
||||||
|
buildCard("snippet", snippet.snippetID, snippet.snippetName, snippet.languages, snippet.snippetDescription, code);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showSnippet(snippetID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
$("<div>").attr("id", "snippet-" + snippetID).appendTo($("#mainList"));
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php?snippetID=" + snippetID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addSnippet(result); },
|
||||||
|
error: function (result) { displayError(result); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function showLang(langID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$("<div>").attr("id", "lang-" + langID).appendTo($("#mainList"));
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php?langID=" + langID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLang(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadLangs() {
|
||||||
|
$("#langLink").addClass("active");
|
||||||
|
$("#snippetLink").removeClass("active");
|
||||||
|
$("#resourceLink").removeClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLangs(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangs(langList) {
|
||||||
|
var mainList = $("#mainList");
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$("<div>").attr({ "id": "lang-" + langList[i].langID }).appendTo(mainList);
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php?langID=" + langList[i].langID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLang(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLang(lang) {
|
||||||
|
var body = $('<div>');
|
||||||
|
|
||||||
|
// build list of snippet links
|
||||||
|
if (lang.snippets.length != 0) {
|
||||||
|
$('<hr>').appendTo(body);
|
||||||
|
$('<span>').addClass("card-text text-muted mr-3").text("Snippets:").appendTo(body);
|
||||||
|
|
||||||
|
var snippets = lang.snippets;
|
||||||
|
for (var i = 0; i < snippets.length; i++) {
|
||||||
|
var cur = snippets[i];
|
||||||
|
var snippetID = cur.snippetID;
|
||||||
|
$("<a>").attr({
|
||||||
|
"id": "snippet-" + snippetID,
|
||||||
|
"class": "card-link",
|
||||||
|
"href": "#",
|
||||||
|
"data-snippetID": snippetID,
|
||||||
|
"onClick": "handleSnippetClicked(event, " + snippetID + ")"
|
||||||
|
}).text(cur.snippetName).appendTo(body);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//build list of resource links
|
||||||
|
if (lang.resources.length != 0) {
|
||||||
|
$('<hr>').appendTo(body);
|
||||||
|
$('<span>').addClass("card-text text-muted mr-3").text("Resources:").appendTo(body);
|
||||||
|
|
||||||
|
var resources = lang.resources;
|
||||||
|
for (var i = 0; i < resources.length; i++) {
|
||||||
|
var cur = resources[i];
|
||||||
|
var resourceID = cur.resourceID;
|
||||||
|
$("<a>").attr({
|
||||||
|
"id": "resource-" + resourceID,
|
||||||
|
"class": "card-link",
|
||||||
|
"href": "#",
|
||||||
|
"data-resourceID": resourceID,
|
||||||
|
"onclick": "handleResourceClicked(event, " + resourceID + ")"
|
||||||
|
}).text(cur.resourceName).appendTo(body);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
buildCard("lang", lang.langID, lang.langName, lang.languages, lang.langDescription, body);
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildCard(type, id, name, languageList, DescriptionText, body) {
|
||||||
|
var card = $('<div>').addClass("card mb-3").attr("id", type + "-" + id + "-card");
|
||||||
|
var header = $('<div>').addClass("card-header").appendTo(card);
|
||||||
|
$('<h3>').attr("id", type + "-" + id + "-name").addClass("d-inline").text(name).appendTo(header);
|
||||||
|
$('<span>').attr("id", type + "-" + id + "-id").addClass("text-muted ml-3").text("#" + id).appendTo(header);
|
||||||
|
|
||||||
|
$("<button>").attr({
|
||||||
|
"type": "button",
|
||||||
|
"class": "btn btn-danger float-right",
|
||||||
|
"data-id": id,
|
||||||
|
"data-type": type
|
||||||
|
}).text("Delete").click(deleteClicked).appendTo(header);
|
||||||
|
|
||||||
|
$("<button>").attr({
|
||||||
|
"type": "button",
|
||||||
|
"class": "btn btn-info float-right mr-2",
|
||||||
|
"data-id": id,
|
||||||
|
"data-type": type
|
||||||
|
}).text("Edit").click(editClicked).appendTo(header);
|
||||||
|
|
||||||
|
var cardBody = $('<div>').addClass("card-body").appendTo(card);
|
||||||
|
var langList = $("<div>").addClass("langList").appendTo(cardBody);
|
||||||
|
|
||||||
|
var langString = [];
|
||||||
|
if (languageList != null && languageList.length > 0) {
|
||||||
|
for (var i = 0; i < languageList.length; i++) {
|
||||||
|
var cur = languageList[i];
|
||||||
|
langString[i] = cur.langID;
|
||||||
|
$("<a>").attr({
|
||||||
|
"class": "card-link",
|
||||||
|
"href": "#",
|
||||||
|
"onClick": "handleLangClicked(event, " + cur.langID + ")"
|
||||||
|
}).text(cur.langName).appendTo(langList);
|
||||||
|
}
|
||||||
|
card.attr("data-langs", JSON.stringify(langString));
|
||||||
|
} else {
|
||||||
|
card.attr("data-langs", "[]");
|
||||||
|
}
|
||||||
|
|
||||||
|
$('<p>').attr("id", type + "-" + id + "-description").addClass("card-text").text(DescriptionText).appendTo(cardBody);
|
||||||
|
cardBody.append(body);
|
||||||
|
|
||||||
|
card.append(cardBody);
|
||||||
|
card.appendTo($("#" + type + "-" + id));
|
||||||
|
}
|
||||||
|
|
||||||
|
function editClicked() {
|
||||||
|
var button = $(this);
|
||||||
|
var type = button.data("type");
|
||||||
|
var id = button.data("id");
|
||||||
|
|
||||||
|
$(".editChk").prop("checked", false);
|
||||||
|
$(".editField").prop("disabled", true);
|
||||||
|
|
||||||
|
if (type == "lang")
|
||||||
|
initEditLang(id);
|
||||||
|
else if (type == "snippet")
|
||||||
|
initEditSnippet(id);
|
||||||
|
else
|
||||||
|
initEditResource(id);
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditLang(langID) {
|
||||||
|
$("#editLangID").val(langID);
|
||||||
|
$("#txtEditLangName").val($("#lang-" + langID + "-name").text());
|
||||||
|
$("#txtEditLangDesc").val($("#lang-" + langID + "-description").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#lang-" + langID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editLangModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditSnippet(snippetID) {
|
||||||
|
$("#editSnippetID").val(snippetID);
|
||||||
|
$("#txtEditSnippetName").val($("#snippet-" + snippetID + "-name").text());
|
||||||
|
$("#txtEditSnippetDesc").val($("#snippet-" + snippetID + "-description").text());
|
||||||
|
$("#txtEditSnippetBody").val($("#snippet-" + snippetID + "-body").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#snippet-" + snippetID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editSnippetModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditResource(resourceID) {
|
||||||
|
$("#editResourceID").val(resourceID);
|
||||||
|
$("#txtEditResourceName").val($("#resource-" + resourceID + "-name").text());
|
||||||
|
$("#txtEditResourceDesc").val($("#resource-" + resourceID + "-description").text());
|
||||||
|
$("#txtEditResourceLink").val($("#resource-" + resourceID + "-link").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#resource-" + resourceID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editResourceModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveLang() {
|
||||||
|
var changeName = $("#editLangNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editLangLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editLangDescChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeDesc && !changeLang)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var langID = $("#editLangID").val();
|
||||||
|
var langName = $("#txtEditLangName").val().trim();
|
||||||
|
var data = {};
|
||||||
|
data['langID'] = langID;
|
||||||
|
|
||||||
|
if (changeName && langName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName && langName != "")
|
||||||
|
data['langName'] = langName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['langDescription'] = $("#txtEditLangDesc").val();
|
||||||
|
|
||||||
|
if (changeName || changeDesc) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved language: " + langName, "lang") },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#lang-" + langID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditLangLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
|
||||||
|
addLangsLang(langID, langName, langsToAdd, langsToDelete != 0);
|
||||||
|
deleteLangsLang(langID, langName, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangsLang(langID, langName, langList, forceUpdate) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {langID: langID, associatedLang: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (forceUpdate || langList.length != 0)
|
||||||
|
successAlert("Successfully saved language: " + langName, "lang")
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteLangsLang(langID, langName, langList) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "DELETE",
|
||||||
|
data: {langID: langID, associatedLang: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveSnippet() {
|
||||||
|
var changeName = $("#editSnippetNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editSnippetLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editSnippetDescChk").prop("checked");
|
||||||
|
var changeBody = $("#editSnippetBodyChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeLang && !changeDesc && !changeBody)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var snippetID = $("#editSnippetID").val();
|
||||||
|
var snippetName = $("#txtEditSnippetName").val().trim();
|
||||||
|
var data = {};
|
||||||
|
data['snippetID'] = snippetID;
|
||||||
|
|
||||||
|
if (changeName && snippetName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName)
|
||||||
|
data['snippetName'] = snippetName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['snippetDescription'] = $("#txtEditSnippetDesc").val().trim();
|
||||||
|
if (changeBody)
|
||||||
|
data['snippet'] = $("#txtEditSnippetBody").val().trim();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved snippet: " + snippetName, "snippet"); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#snippet-" + snippetID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditSnippetLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
addLangsSnippet(snippetID, langsToAdd);
|
||||||
|
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
deleteLangsSnippet(snippetID, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangsSnippet(snippetID, langList) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {snippetID: snippetID, langID: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteLangsSnippet(snippetID, langList) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "DELETE",
|
||||||
|
data: {snippetID: snippetID, langID: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveResource() {
|
||||||
|
var changeName = $("#editResourceNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editResourceLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editResourceDescChk").prop("checked");
|
||||||
|
var changeLink = $("#editResourceLinkChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeLang && !changeDesc && !changeLink)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var resourceID = $("#editResourceID").val();
|
||||||
|
var resourceName = $("#txtEditResourceName").val().trim();
|
||||||
|
var data = {};
|
||||||
|
data['resourceID'] = resourceID;
|
||||||
|
|
||||||
|
if (changeName && resourceName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName)
|
||||||
|
data['resourceName'] = resourceName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['resourceDescription'] = $("#txtEditResourceDesc").val().trim();
|
||||||
|
if (changeLink)
|
||||||
|
data['resourceLink'] = $("#txtEditResourceLink").val().trim();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved resource: " + resourceName, "resource"); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#resource-" + resourceID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditResourceLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
addLangsResource(resourceID, langsToAdd);
|
||||||
|
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
deleteLangsResource(resourceID, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangsResource(resourceID, langList) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {resourceID: resourceID, langID: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteLangsResource(resourceID, langList) {
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "DELETE",
|
||||||
|
data: {resourceID: resourceID, langID: langList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteClicked() {
|
||||||
|
var button = $(this);
|
||||||
|
var type = button.data("type");
|
||||||
|
var id = button.data("id");
|
||||||
|
|
||||||
|
$("#btnConfirmDelete").off('click').click(function () { deleteItem(type, id); });
|
||||||
|
$("#confirmDeleteModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteItem(type, id) {
|
||||||
|
var data = {};
|
||||||
|
data[type + "ID"] = id;
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: type + ".php",
|
||||||
|
type: "DELETE",
|
||||||
|
data: data,
|
||||||
|
success: function (res) { successAlert("Item successfully deleted", type); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleSnippetClicked(evt, snippetID) {
|
||||||
|
evt.preventDefault();
|
||||||
|
showSnippet(snippetID);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleResourceClicked(evt, resourceID) {
|
||||||
|
evt.preventDefault();
|
||||||
|
showResource(resourceID);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleLangClicked(evt, langID) {
|
||||||
|
// TODO: show related snippets and resources
|
||||||
|
evt.preventDefault();
|
||||||
|
showLang(langID);
|
||||||
|
}
|
||||||
|
|
||||||
|
function deselectNav() {
|
||||||
|
$("#langLink").removeClass("active");
|
||||||
|
$("#snippetLink").removeClass("active");
|
||||||
|
$("#resourceLink").removeClass("active");
|
||||||
|
}
|
||||||
|
|
||||||
|
function displayError(error, str) {
|
||||||
|
console.log(error);
|
||||||
|
$("#errorText").text(error.responseText);
|
||||||
|
$("#errorModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function inANotInB(a, b) {
|
||||||
|
var list = [];
|
||||||
|
for (var i = 0; i < a.length; i++) {
|
||||||
|
if (b.indexOf(a[i]) == -1)
|
||||||
|
list.push(a[i]);
|
||||||
|
}
|
||||||
|
return list;
|
||||||
|
}
|
||||||
284
lang.php
Normal file
284
lang.php
Normal file
|
|
@ -0,0 +1,284 @@
|
||||||
|
<?php
|
||||||
|
// table language: langID, langName, langDescription
|
||||||
|
// table langLang: langID, associatedLang
|
||||||
|
include_once "dbTools.php";
|
||||||
|
|
||||||
|
if ($_SERVER["REQUEST_METHOD"] == 'GET') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (isset(($_GET['langID'])) && isset($_GET['associatedLang'])) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Both langID and associatedLang are specified");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($_GET['langID'])) {
|
||||||
|
$id = $_GET['langID'];
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM language WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
$lang = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (count($lang) <= 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such language");
|
||||||
|
}
|
||||||
|
|
||||||
|
$lang = buildLangList($pdo, $lang);
|
||||||
|
$lang = buildSnippetList($pdo, $lang);
|
||||||
|
$lang = buildResourceList($pdo, $lang);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($lang[0]);
|
||||||
|
} elseif (isset($_GET['associatedLang'])) {
|
||||||
|
$assoc = $_GET['associatedLang'];
|
||||||
|
if ($assoc == '') {
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("associatedLang is given, but empty");
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("SELECT langID, langName, langDescription FROM language NATURAL JOIN langLang Where associatedLang=?;");
|
||||||
|
$stmt->execute([$assoc]);
|
||||||
|
$langList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$langList = buildLangList($pdo, $langList);
|
||||||
|
$langList = buildSnippetList($pdo, $langList);
|
||||||
|
$langList = buildResourceList($pdo, $langList);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($langList);
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM language ORDER BY langID;");
|
||||||
|
$stmt->execute();
|
||||||
|
$langList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$langList = buildLangList($pdo, $langList);
|
||||||
|
$langList = buildSnippetList($pdo, $langList);
|
||||||
|
$langList = buildResourceList($pdo, $langList);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($langList);
|
||||||
|
}
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'POST') {
|
||||||
|
if (!isset($_POST['langName']) || trim($_POST['langName']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A name is required");
|
||||||
|
}
|
||||||
|
$name = trim($_POST['langName']);
|
||||||
|
|
||||||
|
$pdo = buildPDO();
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM language WHERE langName=?;");
|
||||||
|
$stmt->execute([$name]);
|
||||||
|
if ($stmt->rowCount() > 0) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A language with the given name already exists");
|
||||||
|
}
|
||||||
|
|
||||||
|
$desc = '';
|
||||||
|
if (isset($_POST['langDescription'])) {
|
||||||
|
$desc = trim($_POST['langDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$assoc = null;
|
||||||
|
if (isset($_POST['associatedLang'])) {
|
||||||
|
$assoc = trim($_POST['associatedLang']);
|
||||||
|
if ($assoc == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Associated language is given, but empty");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO language VALUES (NULL, ?, ?);");
|
||||||
|
$stmt->execute([$name, $desc]);
|
||||||
|
$newID = $pdo->lastInsertId();
|
||||||
|
|
||||||
|
if (isset($assoc)) {
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langLang VALUES (?, ?);");
|
||||||
|
$stmt->execute([$newID, $assoc]);
|
||||||
|
$stmt->execute([$assoc, $newID]); // make it two way
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(201);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
echo $newID;
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'PUT') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
// send request as url encoded form
|
||||||
|
$_PUT = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_PUT);
|
||||||
|
|
||||||
|
if (!isset($_PUT['langID']) || trim($_PUT['langID']) === '') {
|
||||||
|
http_response_code(422);
|
||||||
|
die("A langID is required");
|
||||||
|
}
|
||||||
|
$id = trim($_PUT['langID']);
|
||||||
|
|
||||||
|
$name = null;
|
||||||
|
if (isset($_PUT['langName']) && trim($_PUT['langName']) != '') {
|
||||||
|
$name = trim($_PUT['langName']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$pdo = buildPDO();
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM language WHERE langName=?;");
|
||||||
|
$stmt->execute([$name]);
|
||||||
|
if ($stmt->rowCount() > 0) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A language with the given name already exists");
|
||||||
|
}
|
||||||
|
|
||||||
|
$desc = null;
|
||||||
|
if (isset($_PUT['langDescription'])) {
|
||||||
|
$desc = trim($_PUT['langDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$assoc = null;
|
||||||
|
if (isset($_PUT['associatedLang'])) {
|
||||||
|
$assoc = trim($_PUT['associatedLang']);
|
||||||
|
if ($assoc == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Associated language is given, but empty");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($name) && isset($desc)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE language SET langName=?, langDescription=? WHERE langID=?;");
|
||||||
|
$stmt->execute([$name, $desc, $id]);
|
||||||
|
} elseif (isset($name)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE language SET langName=? WHERE langID=?;");
|
||||||
|
$stmt->execute([$name, $id]);
|
||||||
|
} elseif (isset($desc)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE language SET langDescription=? WHERE langID=?;");
|
||||||
|
$stmt->execute([$desc, $id]);
|
||||||
|
} elseif (!isset($assoc)) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Nothing given to update");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($assoc)) {
|
||||||
|
$stmt = $pdo->prepare("Select * FROM langLang WHERE langID=? AND associatedLang=?;");
|
||||||
|
$stmt->execute([$id, $assoc]);
|
||||||
|
|
||||||
|
if ($stmt->rowCount() > 0) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("The given langID-langID connection already exists");
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langLang VALUES (?, ?);");
|
||||||
|
$stmt->execute([$id, $assoc]);
|
||||||
|
$stmt->execute([$assoc, $id]); // make it two way
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(200);
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'DELETE') {
|
||||||
|
// send request as url encoded form
|
||||||
|
$_DELETE = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_DELETE);
|
||||||
|
|
||||||
|
if (!isset($_DELETE['langID']) || trim($_DELETE['langID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A langID is required");
|
||||||
|
}
|
||||||
|
$id = trim($_DELETE['langID']);
|
||||||
|
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (isset($_DELETE['associatedLang'])) {
|
||||||
|
$assoc = trim($_DELETE['associatedLang']);
|
||||||
|
if ($assoc == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Associated language is given, but empty");
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langLang WHERE langID=? AND associatedLang=?;");
|
||||||
|
$stmt->execute([$id, $assoc]);
|
||||||
|
$stmt->execute([$assoc, $id]);
|
||||||
|
|
||||||
|
if ($stmt->rowCount() == 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such item");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM language WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
|
||||||
|
if ($stmt->rowCount() == 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such item");
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langSnippet WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langResource WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(204);
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'OPTIONS') {
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
echo "Allow: GET,POST,PUT,DELETE";
|
||||||
|
} else {
|
||||||
|
http_response_code(405);
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildLangList($pdo, $langList)
|
||||||
|
{
|
||||||
|
for ($i = 0; $i < count($langList); $i++) {
|
||||||
|
$id = $langList[$i]['langID'];
|
||||||
|
|
||||||
|
$langList[$i]['languages'] = array();
|
||||||
|
$stmt = $pdo->prepare("SELECT langID, langName FROM langLang NATURAL JOIN language WHERE associatedLang=?");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
$newList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
for ($j = 0; $j < count($newList); $j++) {
|
||||||
|
$langList[$i]['languages'][$j] = $newList[$j];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $langList;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildSnippetList($pdo, $langList)
|
||||||
|
{
|
||||||
|
for ($j = 0; $j < count($langList); $j++) {
|
||||||
|
$id = $langList[$j]['langID'];
|
||||||
|
|
||||||
|
$langList[$j]['snippets'] = array();
|
||||||
|
$stmt = $pdo->prepare("SELECT snippetID, snippetName FROM langSnippet NATURAL JOIN snippet WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
$snippetList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
for ($i = 0; $i < count($snippetList); $i++) {
|
||||||
|
$langList[$j]['snippets'][$i] = $snippetList[$i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $langList;
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildResourceList($pdo, $langList)
|
||||||
|
{
|
||||||
|
for ($j = 0; $j < count($langList); $j++) {
|
||||||
|
$id = $langList[$j]['langID'];
|
||||||
|
|
||||||
|
$langList[$j]['resources'] = array();
|
||||||
|
$stmt = $pdo->prepare("SELECT resourceID, resourceName FROM langResource NATURAL JOIN resource WHERE langID=?;");
|
||||||
|
$stmt->execute([$id]);
|
||||||
|
$resourceList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
for ($i = 0; $i < count($resourceList); $i++) {
|
||||||
|
$langList[$j]['resources'][$i] = $resourceList[$i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $langList;
|
||||||
|
}
|
||||||
238
resource.php
Normal file
238
resource.php
Normal file
|
|
@ -0,0 +1,238 @@
|
||||||
|
<?php
|
||||||
|
// resourceID, resourceName, resourceDescription, resourceLink
|
||||||
|
// intermediary table that relates resourceIDs to langIDs
|
||||||
|
// using an intermediary allows for each snippet to be related to many languages
|
||||||
|
|
||||||
|
include_once "dbTools.php";
|
||||||
|
|
||||||
|
if ($_SERVER["REQUEST_METHOD"] == 'GET') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (isset($_GET['resourseID']) && isset($_GET['langID'])) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Both resourceID and langID are specified. Only one can be given");
|
||||||
|
} else if (isset($_GET['resourceID'])) {
|
||||||
|
if (trim($_GET['resourceID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Empty resourceID");
|
||||||
|
}
|
||||||
|
|
||||||
|
$resourceID = $_GET['resourceID'];
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM resource WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$resourceID]);
|
||||||
|
$resources = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (count($resources) <= 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such resource");
|
||||||
|
}
|
||||||
|
|
||||||
|
$resources = buildLangList($pdo, $resources);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($resources[0]);
|
||||||
|
} elseif (isset($_GET['langID'])) {
|
||||||
|
if (trim($_GET['langID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Empty langID");
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = $_GET['langID'];
|
||||||
|
$stmt = $pdo->prepare("SELECT DISTINCT resourceID, resourceName, resourceDescription, resourceLink FROM resource NATURAL JOIN langResource WHERE langID=? ORDER BY resourceID;");
|
||||||
|
$stmt->execute([$langID]);
|
||||||
|
$resources = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$resources = buildLangList($pdo, $resources);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($resources);
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM resource ORDER BY resourceID;");
|
||||||
|
$stmt->execute();
|
||||||
|
$resources = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$resources = buildLangList($pdo, $resources);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($resources);
|
||||||
|
}
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'POST') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (!isset($_POST['resourceName']) || trim($_POST['resourceName']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A resourceName is required");
|
||||||
|
}
|
||||||
|
$name = $_POST['resourceName'];
|
||||||
|
|
||||||
|
$desc = '';
|
||||||
|
if (isset($_POST['resourceDescription'])) {
|
||||||
|
$desc = trim($_POST['resourceDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$link = '';
|
||||||
|
if (isset($_POST['resourceLink'])) {
|
||||||
|
$link = trim($_POST['resourceLink']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = NULL;
|
||||||
|
if (isset($_POST['langID'])) {
|
||||||
|
$langID = $_POST['langID'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO resource (resourceID, resourceName, resourceDescription, resourceLink) VALUES (NULL, ?, ?, ?);");
|
||||||
|
$stmt->execute([$name, $desc, $link]);
|
||||||
|
$resourceID = $pdo->lastInsertId();
|
||||||
|
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langResource (resourceID, langID) VALUES (?, ?);");
|
||||||
|
$stmt->execute([$resourceID, $langID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(201);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
echo $resourceID;
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'PUT') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
// send request as url encoded form
|
||||||
|
$_PUT = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_PUT);
|
||||||
|
|
||||||
|
if (!isset($_PUT['resourceID']) && trim($_PUT['resourceID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("resourceID is required");
|
||||||
|
}
|
||||||
|
$resourceID = trim($_PUT['resourceID']);
|
||||||
|
|
||||||
|
$name = null;
|
||||||
|
if (isset($_PUT['resourceName'])) {
|
||||||
|
$name = trim($_PUT['resourceName']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$desc = null;
|
||||||
|
if (isset($_PUT['resourceDescription'])) {
|
||||||
|
$desc = trim($_PUT['resourceDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$link = null;
|
||||||
|
if (isset($_PUT['resourceLink'])) {
|
||||||
|
$link = trim($_PUT['resourceLink']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = null;
|
||||||
|
if (isset($_PUT['langID'])) {
|
||||||
|
$langID = trim($_PUT['langID']);
|
||||||
|
}
|
||||||
|
if (isset($langID) && $langID == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("langID is empty");
|
||||||
|
}
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM langResource WHERE resourceID=? AND langID=?;");
|
||||||
|
$stmt->execute([$resourceID, $langID]);
|
||||||
|
if ($stmt->rowCount() > 0) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("The given resourceID-langID connection already exists");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (isset($name)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE resource SET resourceName=? WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$name, $resourceID]);
|
||||||
|
}
|
||||||
|
if (isset($desc)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE resource SET resourceDescription=? WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$desc, $resourceID]);
|
||||||
|
}
|
||||||
|
if (isset($link)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE resource SET resourceLink=? WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$link, $resourceID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langResource (resourceID, langID) VALUES (?, ?);");
|
||||||
|
$stmt->execute([$resourceID, $langID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(204);
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'DELETE') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
// send request as url encoded form
|
||||||
|
$_DELETE = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_DELETE);
|
||||||
|
|
||||||
|
// can delete either the snippet itself or an association with a lang
|
||||||
|
if (!isset($_DELETE['resourceID']) || trim($_DELETE['resourceID'])== '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("snippetID is required");
|
||||||
|
}
|
||||||
|
$resourceID = trim($_DELETE['resourceID']);
|
||||||
|
|
||||||
|
$langID = null;
|
||||||
|
if (isset($_DELETE['langID'])) {
|
||||||
|
$langID = trim($_DELETE['langID']);
|
||||||
|
}
|
||||||
|
if (isset($langID) && $langID == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("langId is given, but empty");
|
||||||
|
}
|
||||||
|
|
||||||
|
$rows = null;
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langResource WHERE resourceID=? AND langID=?;");
|
||||||
|
$stmt->execute([$resourceID, $langID]);
|
||||||
|
$rows = $stmt->rowCount();
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM resource WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$resourceID]);
|
||||||
|
$rows = $stmt->rowCount();
|
||||||
|
if ($rows > 0) {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langResource WHERE resourceID=?;");
|
||||||
|
$stmt->execute([$resourceID]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($rows == 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such item");
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(204);
|
||||||
|
} else if ($_SERVER["REQUEST_METHOD"] == 'OPTIONS') {
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
echo "Allow: GET,POST,PUT,DELETE";
|
||||||
|
} else {
|
||||||
|
http_response_code(405);
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildLangList($pdo, $resources) {
|
||||||
|
for ($j = 0; $j < count($resources); $j++) {
|
||||||
|
$resourceID = $resources[$j]['resourceID'];
|
||||||
|
|
||||||
|
$resources[$j]['languages'] = array();
|
||||||
|
$stmt = $pdo->prepare("SELECT langID, langName FROM langResource NATURAL JOIN language WHERE resourceID=? ORDER BY langID;");
|
||||||
|
$stmt->execute([$resourceID]);
|
||||||
|
$langList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
for ($i = 0; $i < count($langList); $i++) {
|
||||||
|
$resources[$j]['languages'][$i] = $langList[$i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $resources;
|
||||||
|
}
|
||||||
|
?>
|
||||||
250
snippet.php
Normal file
250
snippet.php
Normal file
|
|
@ -0,0 +1,250 @@
|
||||||
|
<?php
|
||||||
|
// table snippet: snippetID, snippetName, snippetDescription, snippet
|
||||||
|
// table langSnippet: intermediary table that relates snippetIDs to langIDs
|
||||||
|
// using an intermediary allows for each snippet to be related to many languages
|
||||||
|
|
||||||
|
include_once "dbTools.php";
|
||||||
|
|
||||||
|
if ($_SERVER["REQUEST_METHOD"] == 'GET') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (isset($_GET['snippetID']) && isset($_GET['langID'])) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Both snippetID and langID are specified. Only one can be given");
|
||||||
|
} else if (isset($_GET['snippetID'])) {
|
||||||
|
if (trim($_GET['snippetID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Empty snippetID");
|
||||||
|
}
|
||||||
|
|
||||||
|
$snippetID = $_GET['snippetID'];
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM snippet WHERE snippetID=? ORDER BY snippetID;");
|
||||||
|
$stmt->execute([$snippetID]);
|
||||||
|
$snippets = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (count($snippets) <= 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such snippet");
|
||||||
|
}
|
||||||
|
|
||||||
|
$snippets = buildLangList($pdo, $snippets);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($snippets[0]);
|
||||||
|
} elseif (isset($_GET['langID'])) {
|
||||||
|
if (trim($_GET['langID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("Empty langID");
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = $_GET['langID'];
|
||||||
|
$stmt = $pdo->prepare("SELECT DISTINCT snippetID, snippetName, snippetDescription, snippet FROM snippet NATURAL JOIN langSnippet WHERE langID=? ORDER BY snippetID;");
|
||||||
|
$stmt->execute([$langID]);
|
||||||
|
$snippets = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
if (count($snippets) <= 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No snippets for the given langID");
|
||||||
|
}
|
||||||
|
|
||||||
|
$snippets = buildLangList($pdo, $snippets);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($snippets);
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM snippet ORDER BY snippetID;");
|
||||||
|
$stmt->execute();
|
||||||
|
$snippets = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
|
||||||
|
$snippets = buildLangList($pdo, $snippets);
|
||||||
|
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo json_encode($snippets);
|
||||||
|
}
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'POST') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
if (!isset($_POST['snippetName']) || trim($_POST['snippetName']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("A snippet name is required");
|
||||||
|
}
|
||||||
|
$name = trim($_POST['snippetName']);
|
||||||
|
|
||||||
|
$desc = '';
|
||||||
|
if (isset($_POST['snippetDescription'])) {
|
||||||
|
$desc = trim($_POST['snippetDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$snippet = '';
|
||||||
|
if (isset($_POST['snippet'])) {
|
||||||
|
$snippet = trim($_POST['snippet']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = NULL;
|
||||||
|
if (isset($_POST['langID'])) {
|
||||||
|
$langID = $_POST['langID'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO snippet (snippetID, snippetName, snippetDescription, snippet) VALUES (NULL, ?, ?, ?);");
|
||||||
|
$stmt->execute([$name, $desc, $snippet]);
|
||||||
|
$snippetID = $pdo->lastInsertId();
|
||||||
|
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langSnippet (snippetID, langID) VALUES (?, ?);");
|
||||||
|
$stmt->execute([$snippetID, $langID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(201);
|
||||||
|
header("Content-type: application/json; charset=utf-8");
|
||||||
|
echo $snippetID;
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'PUT') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
// send request as url encoded form
|
||||||
|
$_PUT = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_PUT);
|
||||||
|
|
||||||
|
if (!isset($_PUT['snippetID']) || trim($_PUT['snippetID']) == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("snippetID is required");
|
||||||
|
}
|
||||||
|
$snippetID = trim($_PUT['snippetID']);
|
||||||
|
|
||||||
|
$name = null;
|
||||||
|
if (isset($_PUT['snippetName'])) {
|
||||||
|
$name = trim($_PUT['snippetName']);
|
||||||
|
}
|
||||||
|
if (isset($name) && $name == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("snippetName cannot be empty");
|
||||||
|
}
|
||||||
|
|
||||||
|
$desc = null;
|
||||||
|
if (isset($_PUT['snippetDescription'])) {
|
||||||
|
$desc = trim($_PUT['snippetDescription']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$body = null;
|
||||||
|
if (isset($_PUT['snippet'])) {
|
||||||
|
$body = trim($_PUT['snippet']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$langID = null;
|
||||||
|
if (isset($_PUT['langID'])) {
|
||||||
|
$langID = trim($_PUT['langID']);
|
||||||
|
}
|
||||||
|
if (isset($langID) && $langID == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("langID is empty");
|
||||||
|
}
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM langSnippet WHERE snippetID=? AND langID=?;");
|
||||||
|
$stmt->execute([$snippetID, $langID]);
|
||||||
|
if ($stmt->rowCount() > 0) {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("The given snippetID-langID connection already exists");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (isset($name)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE snippet SET snippetName=? WHERE snippetID=?;");
|
||||||
|
$stmt->execute([$name, $snippetID]);
|
||||||
|
}
|
||||||
|
if (isset($desc)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE snippet SET snippetDescription=? WHERE snippetID=?;");
|
||||||
|
$stmt->execute([$desc, $snippetID]);
|
||||||
|
}
|
||||||
|
if (isset($body)) {
|
||||||
|
$stmt = $pdo->prepare("UPDATE snippet SET snippet=? WHERE snippetID=?;");
|
||||||
|
$stmt->execute([$body, $snippetID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("INSERT INTO langSnippet (snippetID, langID) VALUES (?, ?);");
|
||||||
|
$stmt->execute([$snippetID, $langID]);
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(204);
|
||||||
|
} elseif ($_SERVER["REQUEST_METHOD"] == 'DELETE') {
|
||||||
|
$pdo = buildPDO();
|
||||||
|
|
||||||
|
// send request as url encoded form
|
||||||
|
$_DELETE = array();
|
||||||
|
parse_str(file_get_contents("php://input"), $_DELETE);
|
||||||
|
|
||||||
|
// can delete either the snippet itself or an association with a lang
|
||||||
|
if (!isset($_DELETE['snippetID']) || trim($_DELETE['snippetID'])== '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("snippetID is required");
|
||||||
|
}
|
||||||
|
$snippetID = trim($_DELETE['snippetID']);
|
||||||
|
|
||||||
|
$langID = null;
|
||||||
|
if (isset($_DELETE['langID'])) {
|
||||||
|
$langID = trim($_DELETE['langID']);
|
||||||
|
}
|
||||||
|
if (isset($langID) && $langID == '') {
|
||||||
|
http_response_code(422);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("langId is given, but empty");
|
||||||
|
}
|
||||||
|
|
||||||
|
$rows = null;
|
||||||
|
if (isset($langID)) {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langSnippet WHERE snippetID=? AND langID=?;");
|
||||||
|
$stmt->execute([$snippetID, $langID]);
|
||||||
|
$rows = $stmt->rowCount();
|
||||||
|
} else {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM snippet WHERE snippetID=?;");
|
||||||
|
$stmt->execute([$snippetID]);
|
||||||
|
$rows = $stmt->rowCount();
|
||||||
|
if ($rows > 0) {
|
||||||
|
$stmt = $pdo->prepare("DELETE FROM langSnippet WHERE snippetID=?;");
|
||||||
|
$stmt->execute([$snippetID]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($rows == 0) {
|
||||||
|
http_response_code(404);
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
die("No such item");
|
||||||
|
}
|
||||||
|
|
||||||
|
http_response_code(204);
|
||||||
|
} else if ($_SERVER["REQUEST_METHOD"] == 'OPTIONS') {
|
||||||
|
header("Content-type: text/plain; charset=utf-8");
|
||||||
|
echo "Allow: GET,POST,PUT,DELETE";
|
||||||
|
} else {
|
||||||
|
http_response_code(405);
|
||||||
|
}
|
||||||
|
|
||||||
|
function buildLangList($pdo, $snippets) {
|
||||||
|
for ($j = 0; $j < count($snippets); $j++) {
|
||||||
|
$snippetID = $snippets[$j]['snippetID'];
|
||||||
|
|
||||||
|
$snippets[$j]['languages'] = array();
|
||||||
|
$stmt = $pdo->prepare("SELECT langID, langName FROM langSnippet NATURAL JOIN language WHERE snippetID=? ORDER BY langID;");
|
||||||
|
$stmt->execute([$snippetID]);
|
||||||
|
$langList = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||||
|
for ($i = 0; $i < count($langList); $i++) {
|
||||||
|
$snippets[$j]['languages'][$i] = $langList[$i];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $snippets;
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
BIN
tables.png
Normal file
BIN
tables.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
1
tables.xml
Normal file
1
tables.xml
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<mxfile userAgent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/7.6.6 Chrome/58.0.3029.110 Electron/1.7.5 Safari/537.36" version="7.6.6" editor="www.draw.io" type="device"><diagram id="d667a6e1-8b29-6e91-a70b-4ec352606e5d" name="Page-1">7Vzfc6soFP5r8ridCGqSx3vb3h8z3Z07tzO7dx9tpAlbIy4hTbJ//aKCiUAam6LSpHkpHhXwnO+DA5zTAbxebL7SKJv/TmKUDMAw3gzgzQAAb+gD/ieXbEtJGAjBjOJYPLQT3OP/kHxTSFc4Rsvag4yQhOGsLpySNEVTVpNFlJJ1/bFHktRbzaIZ0gT30yjRpX/hmM1l77zJ7sY3hGdz0XToi44/RNOnGSWrVLQ3APCx+JW3F5GsSzy/nEcxWe+J4O0AXlNCWFlabK5RkutWqq1878uBu1W/KUpZkxeEWZ6jZCU+PYnS2SpXT9k/tpU6WTJKnip18J5+Xs8xQ/dZNM2fWHMkcNmcLRJ+5fFilOBZystT3hdEuUDvnOjvM6IMbfZEorNfEVkgRrf8EXHXD4XiBLA8eb3eN5OQzfcsVAkjAY1ZVfdOPbwgNGTWFtS0tUxxliHmprLAsK4sOO5SWb6mLIqWZADChLfyeZlFKS/P8vKKcqUIOa91/5abih2BPhUbaIqVynsk/JP21RX+uyLyxm/LYpj9xB/wQLbZ3ZS6zpl/L/FcWaOs85A15lGWF+mcLB5Wy9yumn3yCsQI7434dYYo5t+c20K+92Mn6oUno7o5gW8wJzCZE1gwZ9iiOX9yxinsugB7VrNxL/YcGeypqHnv+1Eaf8odFn55+3MRpdtC5xFlmhRtMPsl3+Llv3l5WNTAO/hr/6K4cxVU1rsmCaFFy3BY/PidwkdBsawveSgay3WMuRv0kh0EovaHIt7fGWI1jwLFNQ9Lt1XjoZKiJGL4ue6ZmQwk2vhBcEEbSe5AAUOg2Lj8HvHWvqukVASVijy1olILWkUFXqoPbwShSUsQOgwHCa4SNsfh5TVFCNQREjiGEE/xKeHkRIQApSKgVmQPIXKh1ANEauNPCRfzCNQUIkCHSOgYRALFkw7giRAJlYp8tSKLEJHzZocQkUDw1LHi8PjSCCL+O4DIWLHs6FSIKBVBtSJ7EIGehohcn/fiMiUp0lyFGmTMnscoqONJ1MMlX3Del+L5fxBjW+FHRitGuIhQNiczkkbJHSGZaOQw2hohxzOMLrAhdBojoqlrKDtj3dcX2xDfb5o6+rxfOFvmVpEuf0xWDwm6reQLrjCce+besNEyoJf9jfqgDAxufmurcDC2xJ0rEGijpSPcMThv/XFH33yzyp0/okXjZfJZsMfze6XPxBZ9Rs7Sx+C19EcffTvWKn0OUqcUx/hZFb2t2Ru0nFKcMUzSI01zca31c+SyuvLslstQX1icxOXaqsExN9Kw09Ufl9s6ATjG5XOkDhz3SR3fEnVUL3LoEHVCnTqgN+q0edpyYcsvqB6zdEqcoa7UVxHHDW6MXOKG6eTKFjcubnmlRqp0yw5bG3vK6sqlaWXsEnXGLVLnY2nVJ4/Vff1uV1bQEo8dXllNdB77vfHYdPJug1NUBOJcmIsY9LrHCH1bs6CzW/RSn06wR3amNfZ0PRO+6LRezhQY9ru7GLTjy7rEYpnj4ASLTXEj75nFH/5sLXa91/1OGNohs8NHBXIV6gaZQctkvsPp00W5tBM1FLDbjR1rLq2r+zpviRi2T5+2gk4u8LgAwDpxKj50Q5x2dlJcmncM4Sb9EaflcJML444H1U3ITp220dlPOobwjqYB5va502aC53siziNv6M/BkTSBV2xjTCZXY7j7+T1OR9BS9LCyDnJpOjKEffRHqbbCPt7jvr5lWo1epFW3M5XfZnjP3UtnsYqVnUmk1uxosPbhGAYl5RWajNlaIrXfViZ1gwQ245GPzGEbmDLYlEHteErbobA43RpdpbBBZZ/fPzURVo190TJq7aWw+abIi5ZBcjQR33DScDYgCSYKSE7Oc1QqajHPMWgjz7HL86NX48YUVBF25GzJxi9+/WJhBtaG5E7dKflf26yuUlzmjfR3euGNbPyDN2/nTdAlb/jl7j/2ldPT7t8iwtv/AQ==</diagram></mxfile>
|
||||||
Loading…
Reference in a new issue