Added sample pages
Added simple cleaner logic
This commit is contained in:
parent
c2826b8a08
commit
7274704e38
0
src/views/about/about.css
Normal file
0
src/views/about/about.css
Normal file
17
src/views/about/about.html
Normal file
17
src/views/about/about.html
Normal file
@ -0,0 +1,17 @@
|
||||
<div class="position-relative">
|
||||
<button type="button" class="btn btn-light back-button top-0 start-0 m-3" onclick="loadView('home')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
|
||||
</svg>
|
||||
Back</button>
|
||||
</div>
|
||||
<section class="py-5">
|
||||
<div class="container text-center">
|
||||
<h1 class="display-4">About <strong>Cooperate Cleaner</strong></h1>
|
||||
<p class="lead mb-5">Developed by Walzen665</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
0
src/views/about/about.js
Normal file
0
src/views/about/about.js
Normal file
0
src/views/cleaner/cleaner.css
Normal file
0
src/views/cleaner/cleaner.css
Normal file
28
src/views/cleaner/cleaner.html
Normal file
28
src/views/cleaner/cleaner.html
Normal file
@ -0,0 +1,28 @@
|
||||
<div class="position-relative">
|
||||
<button type="button" class="btn btn-light back-button top-0 start-0 m-3" onclick="loadView('home')">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
|
||||
</svg>
|
||||
Back</button>
|
||||
</div>
|
||||
<section class="py-5">
|
||||
<div class="container text-center">
|
||||
<h1 class="display-4"><strong>Cooperate Cleaner</strong></h1>
|
||||
<p class="lead mb-3">Enter your text, clear, done</p>
|
||||
|
||||
<h2>Input:</h2>
|
||||
<textarea class="form-control w-100" rows="10"></textarea>
|
||||
<button type="button" class="btn btn-success mt-3" id="cleaner-clean-btn">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu" viewBox="0 0 16 16">
|
||||
<path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0m-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/>
|
||||
</svg>
|
||||
Clear my input</button>
|
||||
<div class="visually-hidden">
|
||||
<h2 class="mt-3">Output:</h2>
|
||||
<textarea class="form-control w-100" rows="10"></textarea>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
15
src/views/cleaner/cleaner.js
Normal file
15
src/views/cleaner/cleaner.js
Normal file
@ -0,0 +1,15 @@
|
||||
$(document).ready(function() {
|
||||
console.log("Initialization of cleaner.js finished.");
|
||||
init();
|
||||
});
|
||||
|
||||
function init() {
|
||||
$("#cleaner-clean-btn").click(function() {
|
||||
console.log("Clean button clicked");
|
||||
clean();
|
||||
});
|
||||
}
|
||||
|
||||
function clean() {
|
||||
console.log("Cleaning...")
|
||||
}
|
@ -1,7 +1,7 @@
|
||||
<section class="py-5">
|
||||
<div class="container text-center">
|
||||
<h1 class="display-4">Welcome to <strong>Cooperate Cleaner</strong></h1>
|
||||
<p class="lead mb-5">Choose an app to get started</p>
|
||||
<p class="lead mb-5">Your advanced text filtering engine</p>
|
||||
|
||||
<!-- App Menu -->
|
||||
<div class="row">
|
||||
|
Loading…
x
Reference in New Issue
Block a user