kdj_singlish
Version:
KDJ Singlish is an app which created to help people to type in sinhala without making any mistakes. This will save your time and fix all the issues you are getting when you type. Just use it and let me know the issues.
1,029 lines (858 loc) • 49.6 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./../css/bootstrap.min.css">
<link rel="stylesheet" href="./../css/all.css">
<link rel="stylesheet" href="./../css/style.css">
<link rel="stylesheet" href="./../css/sinhala.min.css">
<link rel="stylesheet" href="./../css/animate.css">
<link rel="stylesheet" href="./../css/photon.min.css">
<link rel="stylesheet" href="./../css/offline-theme.css">
<link rel="stylesheet" href="./../node_modules/xel/themes/material.css">
<script src="./../node_modules/xel/xel.min.js"></script>
<!--
<script>
const { getGlobal } = require('electron').remote;
const trackEvent = getGlobal('trackEvent');
</script> -->
<title>KDJ Singlish | By KDJ Guru | Official Version</title>
<style>
form.form #fmabaya_textarea {
font-family: FMAbhaya;
}
</style>
</head>
<body class="app">
<audio id="tick" src="sounds/tick.mp3">
</audio>
<div class="window">
<header class="toolbar toolbar-header"
style="z-index:1000;background:white; border:none; box-shadow: 1px 2px 7px #abababbf;">
<div class="toolbar-actions">
<h1 class="title">
<img src="../img/icon.png" width="30" height="30" alt=""><span> KDJ Singlish</span>
</h1>
<div style=" padding-left:30px;">
<div class="btn-group">
<button data-toggle="tooltip" title="Home" class="btn btn-default active">
<span class="icon icon-home"></span>
</button>
<button data-toggle="tooltip" title="Font Size එක අඩු කරගන්න." class="btn btn-default"
onclick="resizeText(-1)">
<span class="icon icon-minus-squared"></span>
</button>
<button data-toggle="tooltip" title="Font Size එක වැඩි කරගන්න." class="btn btn-default"
onclick="resizeText(1)">
<span class="icon icon-plus-squared"></span>
</button>
</div>
</div>
<style>
.actionButtons button {
margin: 0 4px;
}
</style>
<div style="margin-top:-21px; padding:0 10px 35px 10px;" class="actionButtons">
<button id="close" class="btn btn-default pull-right">
<span class="icon icon-cancel"></span>
</button>
<button id="maximize" class="btn btn-default pull-right">
<span class="icon icon-resize-full"></span>
</button>
<button id="minimize" class="btn btn-default pull-right">
<span class="icon icon-minus"></span>
</button>
<button id="minView" class="btn btn-default pull-right">
<span id="minViewBtn" class="icon icon-lock-open"> </span><span id="lockText">
Unlocked</span>
</button>
</div>
</div>
</header>
<x-notification id="notification" timeout="1500"></x-notification>
<x-notification id="notification_long" timeout="5500"></x-notification>
<div class="window-content">
<div class="pane-group">
<div class="pane-sm sidebar" style="width:50%; background:white;box-shadow: 0px 0px 2px #b1b1b1bf;">
<nav class="nav-group">
<br>
<x-button disabled class="nav-group-item active">
<span class="icon icon-keyboard"></span>
Typing Area
</span>
</x-button>
<x-button data-toggle="modal" data-target="#helpModal" class="nav-group-item">
<span class="icon icon-help"></span>
HELP
</span>
</x-button>
<x-button data-toggle="modal" data-target="#aboutModal" class="nav-group-item">
<span class="icon icon-user"></span>
ABOUT
</span>
</x-button>
<x-button data-toggle="modal" data-target="#settingsModal" class="nav-group-item">
<span class="icon icon-cog"></span>
SETTINGS
</span>
</x-button>
<style>
h2 {
color: black;
font-size: 22px;
margin-bottom: 2px;
}
</style>
<br>
<hr>
<center>
<h5> Word Suggessions<br><small>ටයිප් කරන අතරතුර දිස්වේ</small></h5>
</center>
<span>
<div id="suggest" style="display:none;"></div>
<br>
</span>
<hr>
<br>
<!-- if connected to the internet -->
<div class="w3-content w3-section" id="w3-content" style="max-width:500px"></div>
<!-- LARGE BANNER -->
<div class="main_banner_ad" id="main_banner_ad">
</div>
<center>
<br>
<!-- Button to Open the Modal -->
<button style="display:none;" type="button" class="btn btn-primary" data-toggle="modal"
data-target="#LargeBannerModal">
Open Ad
</button>
</center>
<br>
</nav>
</div>
<div class="pane">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<form name="convert_form" class="form">
<div class="row marginTop" style="padding:45px 10px;">
<div class="col" id="typeArea">
<span class="TableText">
<b>Type Here
</b>
<button onclick="return false;" style="margin-bottom:10px;"
data-toggle="tooltip" title="Type කරපු දේ Save කරගන්න"
class="btn btn-default" id="save">
<span class="icon icon-box"></span>
Save
</button>
<button style="margin-bottom:10px;" onclick="return false;"
data-toggle="tooltip" title="Save කරගත්ත File එකක් Load කරගන්න."
class="btn btn-default" id="load">
<span class="icon icon-folder"></span>
Open
</button>
</span>
<br />
<!-- suggestion area -->
<textarea class="form-control animated zoomIn"
onkeyup="convert(); duplicateCheck()" autocomplete="off"
onselect="convert();" onclick="convert();" name="input_textarea"
id="input_textarea"
placeholder="මෙහි ඔබට සිංග්රීසි ක්රමයෙන් අවශ්ය දෑ ටයිප් කිරීම කළ හැකි අතරම සිංහල යුනිකෝඩ් ක්රමයෙන්ද ටයිප් කිරීම සිදු කළ හැක.(සිංහල යුනිකෝඩ් මඟින් ටයිප් කරල තියෙන දෙයක් වුණත් සිංහල ෆොන්ට් වලට හරවගන්න මේ ඇප් එක හරහා පුළුවන්.)"></textarea>
</div>
<div class="col" id="unicodeArea">
<span class="TableText" style="margin-bottom:10px;"><b>In Sinhala
Unicode</b>
<!-- <small> | Ctrl + C to Copy</small> -->
<button style="margin-bottom:10px;" id="btnCopyUni"
onclick="return false;" data-toggle="tooltip" title="කොපි කරගන්න."
class="btn btn-default" id="load">
<span class="icon icon-clipboard"></span>
Copy
</button>
</span>
<br />
<!-- Text Area 01 -->
<div class="copy-to-clipboard unicodeCopy">
<textarea class="form-control animated zoomIn"
placeholder="ඔබ ටයිප් කරපු දේට අදාළ දෑ සිංහල යුනිකෝඩ් ආකාරයෙන් මෙහිදී ලබා ගත හැක. යුනිකෝඩ් ආකාරයෙන් තියෙනකොට, 'FM Abhaya, FM Binudumathi' වගේ Fonts වලට මාරු කරගන්න නිකන්ම බැහැ. ඒක තමයි අවාසිය. හැබැයි ගොඩක් තැන්වලට Support කරනවා."
class="form-control animated zoomIn" id="unicode_textarea"
name="unicode_textarea" readonly></textarea>
</div>
<br />
</div>
<div class="col" id="fontArea">
<span class="TableText"><b>In Sinhala Font</b>
<!-- <small> | Ctrl + X to Copy</small> -->
<button style="margin-bottom:10px;" id="btnCopyFont"
onclick="return false;" data-toggle="tooltip" title="කොපි කරගන්න."
class="btn btn-default" id="load">
<span class="icon icon-clipboard"></span>
Copy
</button>
</span>
<br />
<!-- Text Area 02 -->
<div class="copy-to-clipboard abayaCopy">
<textarea type="text"
placeholder="ìkaÿu;S ndiqre udfk,a jf.a ´fku ghsma tfla f*dkaÜ j¾.hla Ndú;d lrkjkï fu;kska fldms lr.kak' ukao tjsg Tng wjYH oE i|yd fjkia lr .; yel' fuh fldms lrk úg bx.%Sis wl=re álla fmkakqfjd;a ta Tn f*dkaÜ tl udre lr, ke;s ksid' wksjd¾hfhka wod< f*dkaÜ j¾.h f;darkak'"
class="form-control animated zoomIn" id="fmabaya_textarea"
name="fmabaya_textarea" readonly></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
dialog {
width: 40vw;
height: 70vh;
right: 0;
left: auto;
top: auto;
color: black;
background: white;
border-radius: 0 15px 15px 0;
opacity: 1;
border: 1px solid white;
padding: 10px 20px;
overflow: scroll;
}
dialog::backdrop {
background: rgba(0, 0, 0, 0);
}
</style>
<!-- <footer class="toolbar toolbar-footer">
<h1 class="title">Footer</h1>
</footer> -->
<nav class="credit-bar navbar fixed-bottom navbar-light bg-light" style="border-bottom:#ed1c24 5px solid;">
<span class="navbar-text">
<div style="position: absolute; right: 40px;">
</div>
<div class="credit">Developed By Kavidu Dilshan Jayakody<span> | Version:
v<span id="appVersion"></span></span></div>
</span>
<span class="pull-right">
<center>
Words: <span id="wordCount">0</span>
| Characters: <span id="charCountNoSpace">0</span>
<div class='copied'></div>
</center>
</span>
</nav>
</div>
<!-----------------------
------------------
MODALS GO HERE
-----------------
------------------------>
<!-- MODAL 01 - HELP -->
<style>
.keymap {
margin-top: -30px;
}
.keymap .col {
border: 2px solid black;
margin: 1px;
font-size: 15px;
text-align: center;
}
/* Important part */
.modal-dialog {
overflow-y: initial
}
.modal-body {
height: 450px;
overflow-y: auto;
}
</style>
<!-- The Modal -->
<div class="modal fade" id="helpModal">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title" style="padding-left:30px;"><b>KDJ Singlish - Key Map</b></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<p>
<div class="container keymap" style="font-weight:800;">
<div class="row" style="margin:-30px 0px 20px 0px;">
<div class="col-md-12">
<center>
<h2 class="modal_head">විශේෂ Keyboard Shortcuts කිහිපයක්</h2>
</center>
</div>
</div>
<br>
<div class="row" style="margin:-30px 0px 20px 0px;">
<div class="col-md-12">
<p>Ctrl + u : Unicode Text එක කොපි කර ගැනීමට.<br>
Ctrl + f : Font Text එක කොපි කර ගැනීමට.<br>
Ctrl + r : Unicode සහ Font Areas Clear කිරීමට.
</p>
</div>
</div>
<div class="row" style="margin:-30px 0px 20px 0px;">
<div class="col-md-12">
<center>
<h2 class="modal_head">අමාරු වචන කිහිපයක්</h2>
</center>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p>අවශ්ය - awashYa<br>
අධ්යක්ෂක - aDhYakShaka<br>
නෞකාව - naukaawa
</p>
</div>
<div class="col-md-4">
<p>ක්ෂේත්රය - kSheathraya<br>
පිළිබඳව - piLibanndhawa<br>
ඇඳුම - Anndhuma</p>
</div>
<div class="col-md-4">
<p>ස්වයං - swaya\n<br>
සෘජු - sruju<br>
මූලද්රව්ය - muuladhrawYa
</p>
</div>
</div>
<br>
<hr>
<br>
<div class="row">
<div class="col-md-6">
<p>මඤ්ඤොක්කා - maKNKNokkaa</p>
</div>
<div class="col-md-6">
<p>ව්යාංජනාක්ෂර - wYaa\njanaakShara</p>
</div>
</div>
<br>
<div class="row">
<div class="col">ක් <br>k</div>
<div class="col">ක <br>ka</div>
<div class="col">කා <br>kaa</div>
<div class="col">කැ <br>kA</div>
<div class="col">කෑ <br> kAa</div>
<div class="col">කි <br>ki</div>
<div class="w-100"></div>
<div class="col">කී <br>kie</div>
<div class="col">කු <br>ku</div>
<div class="col">කූ <br>kuu</div>
<div class="col">කෙ <br>ke</div>
<div class="col">කේ <br>kei/kee</div>
<div class="col">කො <br>ko</div>
<div class="w-100"></div>
<div class="col">කෝ <br>koe</div>
<div class="col">කෞ <br>kau</div>
<div class="col">ක්ර <br>kra</div>
<div class="col">ක්රා <br>kraa</div>
<div class="col">ක්රැ <br>krA</div>
<div class="col">ක්රෑ <br>krAa</div>
<div class="w-100"></div>
<div class="col">ක්රි <br>kri</div>
<div class="col">ක්රී <br>krie</div>
<div class="col">කෘ <br>kru</div>
<div class="col">කෲ <br>kruu</div>
<div class="col">ක්රෙ <br>kre</div>
<div class="col">ක්රේ <br>krei</div>
<div class="w-100"></div>
<div class="col">ක්රො <br>kro</div>
<div class="col">ක්රෝ <br>kroe</div>
<div class="col">ර්ක <br>\rka</div>
<div class="col">ක්ය <br>kYa</div>
<div class="col">කෛ <br>kI</div>
<div class="col"></div>
</div>
<br>
<br>
<div class="row">
<div class="col">අ <br>a</div>
<div class="col">ආ <br>aa</div>
<div class="col">ඇ <br>A</div>
<div class="col">ඈ <br>Aa ae</div>
<div class="col">ඉ <br>i</div>
<div class="col">ඊ <br>ee ie</div>
<div class="w-100"></div>
<div class="col">එ <br>e</div>
<div class="col">ඒ <br>ea</div>
<div class="col">ඔ <br>o</div>
<div class="col">ඕ <br>oo / oe</div>
<div class="col">උ <br>u</div>
<div class="col">ඌ <br>uu</div>
</div>
<br>
<br>
<div class="row">
<div class="col">ක <br>ka</div>
<div class="col">ඛ <br>kha</div>
<div class="col">ග <br>ga</div>
<div class="col">ඝ <br>gha G</div>
<div class="col">ච <br>cha</div>
<div class="col">ඡ <br>Cha</div>
<div class="w-100"></div>
<div class="col">ජ <br>ja</div>
<div class="col">ට <br>ta</div>
<div class="col">ඨ <br>Ta</div>
<div class="col">ඩ <br>da</div>
<div class="col">ඪ <br>Da</div>
<div class="col">ත <br>tha</div>
<div class="w-100"></div>
<div class="col">ථ <br>Tha</div>
<div class="col">ද <br>dha</div>
<div class="col">ධ <br>Dha</div>
<div class="col">න <br>na</div>
<div class="col">ණ <br>Na</div>
<div class="col">බ <br>ba</div>
<div class="w-100"></div>
<div class="col">ම <br>ma</div>
<div class="col">ය <br>ya</div>
<div class="col">ර <br>ra</div>
<div class="col">ල<br> la</div>
<div class="col">ව <br>wa</div>
<div class="col">ස<br> sa</div>
<div class="w-100"></div>
<div class="col">හ <br>ha</div>
<div class="col">ළ <br>La</div>
<div class="col">භ <br>bha</div>
<div class="col">ඹ <br>Ba</div>
<div class="col">ශ <br>sha</div>
<div class="col">ෂ <br>Sha</div>
<div class="w-100"></div>
<div class="col">ෆ <br>fa</div>
<div class="col">ඥ <br>GNa</div>
<div class="col">ඤ <br>KNa</div>
<div class="col">ඣ <br>q</div>
<div class="col">ළු <br>Lu</div>
<div class="col">ළූ <br>Luu</div>
<div class="w-100"></div>
<div class="col">අං <br>a\n</div>
<div class="col">අඃ<br> a\h</div>
<div class="col">ඬ <br>\N</div>
<div class="col">ඍ<br> \R</div>
<div class="col">ඬ <br>nnda</div>
<div class="col">ඳ <br>nndha</div>
<div class="w-100"></div>
<div class="col">ඟ <br>nnga</div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
</p>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- The Modal -->
<div class="modal fade" id="helpModal">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title" style="padding-left:30px;"><b>KDJ Singlish - Key Map</b></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<p>
<div class="container keymap" style="font-weight:800;">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col">ක් <br>k</div>
<div class="col">ක <br>ka</div>
<div class="col">කා <br>kaa</div>
<div class="col">කැ <br>kA</div>
<div class="col">කෑ <br> kAa</div>
<div class="col">කි <br>ki</div>
<div class="w-100"></div>
<div class="col">කී <br>kie</div>
<div class="col">කු <br>ku</div>
<div class="col">කූ <br>kuu</div>
<div class="col">කෙ <br>ke</div>
<div class="col">කේ <br>kei/kee</div>
<div class="col">කො <br>ko</div>
<div class="w-100"></div>
<div class="col">කෝ <br>koe</div>
<div class="col">කෞ <br>kau</div>
<div class="col">ක්ර <br>kra</div>
<div class="col">ක්රා <br>kraa</div>
<div class="col">ක්රැ <br>krA</div>
<div class="col">ක්රෑ <br>krAa</div>
<div class="w-100"></div>
<div class="col">ක්රි <br>kri</div>
<div class="col">ක්රී <br>krie</div>
<div class="col">කෘ <br>kru</div>
<div class="col">කෲ <br>kruu</div>
<div class="col">ක්රෙ <br>kre</div>
<div class="col">ක්රේ <br>krei</div>
<div class="w-100"></div>
<div class="col">ක්රො <br>kro</div>
<div class="col">ක්රෝ <br>kroe</div>
<div class="col">ර්ක <br>\rka</div>
<div class="col">ක්ය <br>kYa</div>
<div class="col">කෛ <br>kI</div>
<div class="col"></div>
</div>
<br>
<br>
<div class="row">
<div class="col">අ <br>a</div>
<div class="col">ආ <br>aa</div>
<div class="col">ඇ <br>A</div>
<div class="col">ඈ <br>Aa ae</div>
<div class="col">ඉ <br>i</div>
<div class="col">ඊ <br>ee ie</div>
<div class="w-100"></div>
<div class="col">එ <br>e</div>
<div class="col">ඒ <br>ea</div>
<div class="col">ඔ <br>o</div>
<div class="col">ඕ <br>oo / oe</div>
<div class="col">උ <br>u</div>
<div class="col">ඌ <br>uu</div>
</div>
<br>
<br>
<div class="row">
<div class="col">ක <br>ka</div>
<div class="col">ඛ <br>kha</div>
<div class="col">ග <br>ga</div>
<div class="col">ඝ <br>gha G</div>
<div class="col">ච <br>cha</div>
<div class="col">ඡ <br>Cha</div>
<div class="w-100"></div>
<div class="col">ජ <br>ja</div>
<div class="col">ට <br>ta</div>
<div class="col">ඨ <br>Ta</div>
<div class="col">ඩ <br>da</div>
<div class="col">ඪ <br>Da</div>
<div class="col">ත <br>tha</div>
<div class="w-100"></div>
<div class="col">ථ <br>Tha</div>
<div class="col">ද <br>dha</div>
<div class="col">ධ <br>Dha</div>
<div class="col">න <br>na</div>
<div class="col">ණ <br>Na</div>
<div class="col">බ <br>ba</div>
<div class="w-100"></div>
<div class="col">ම <br>ma</div>
<div class="col">ය <br>ya</div>
<div class="col">ර <br>ra</div>
<div class="col">ල<br> la</div>
<div class="col">ව <br>wa</div>
<div class="col">ස<br> sa</div>
<div class="w-100"></div>
<div class="col">හ <br>ha</div>
<div class="col">ළ <br>La</div>
<div class="col">භ <br>bha</div>
<div class="col">ඹ <br>Ba</div>
<div class="col">ශ <br>sha</div>
<div class="col">ෂ <br>Sha</div>
<div class="w-100"></div>
<div class="col">ෆ <br>fa</div>
<div class="col">ඥ <br>GNa</div>
<div class="col">ඤ <br>KNa</div>
<div class="col">ඣ <br>q</div>
<div class="col">ළු <br>Lu</div>
<div class="col">ළූ <br>Luu</div>
<div class="w-100"></div>
<div class="col">අං <br>a\n</div>
<div class="col">අඃ<br> a\h</div>
<div class="col">ඬ <br>\N</div>
<div class="col">ඍ<br> \R</div>
<div class="col">ඬ <br>nnda</div>
<div class="col">ඳ <br>nndha</div>
<div class="w-100"></div>
<div class="col">ඟ <br>nnga</div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
</div>
</div>
</p>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- MODAL 02 - ABOUT -->
<!-- The Modal -->
<div class="modal fade" id="aboutModal">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title" style="padding-left:30px;"><b>About The Developer</b></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<center>
<img class="img_circle" width="240px;" src="../img/pro.jpg" alt="" width="100%"
style="border-radius:100%;">
</center>
<br>
<style>
.about-sec a {
cursor: pointer;
}
</style>
<div class="container about-sec">
<div class="row">
<div class="col-md-12">
Hello, I'm Kavidu Dilshan Jayakody. Thank You For Using one
of My Applications. Please let me know if you got any
issues or If you have any suggessions to make this better.
In future, you will get updates. I hope, this tool will be very helpful
for all of you.
<br>
<br>
<p>Official Website: <a href="https://kdj.lk" target="_blank">www.kdj.lk</a></p>
<p>Email: kdjayakodypro@gmail.com</p>
<p>Social Media Links <br>
<a href="https://facebook.com/kavindudj" target="_blank">Official Facebook
Profile</a>
<br>
<a href="https://instagram.com/kdjayakody" target="_blank">Official Instagram
Profile</a>
<br>
<a href="https://facebook.com/kdjguruofficial" target="_blank">KDJ Guru Official
Page</a>
<br>
<a href="https://facebook.com/kdjmusixofficial" target="_blank">KDJ Musix Official
Page</a>
</p>
<p>Phone: 076 723 3595 (WhatsApp/ Viber)</p>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- MODAL 02 - ABOUT -->
<!-- The Modal -->
<div class="modal fade" id="settingsModal">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title" style="padding-left:30px;"><b>KDJ Singlish - Settings Panel</b></h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="padding:20px 10%;">
<!-- <h4><b>In Automatic Suggession List</b></h4>
<hr>
<hr> -->
<div id="Output" style="display:none;"></div>
<h4 class="modal_head"><b>Load Auto-Saved Content</b></h4>
<button style="" onclick="return false;" id="loadSavedContent" class="btn btn-default">Load
Now</button>
<p>Auto Save Feature එක මඟින් Save වුණු දෙයක් පවතීනම්, එය නැවත ලබා ගැනීමට මෙය භාවිතා කරන්න.</p>
<h4 class="modal_head"><b>Add Suggessions By Yourself</b></h4>
<div class="col-md-12">
<div class="form-group">
<form method="POST">
<input type="email" class="form-control" id="suggestedWord" aria-describedby="emailHelp"
placeholder="Enter Your Word...">
<button style="margin:10px 0;" onclick="return false;" id="btnAddSuggest"
class="btn btn-default">Add Suggession</button>
<button style="margin:10px 0;" onclick="return false;" id="clearSuggest"
class="btn btn-default">Clear</button>
</form>
<div id="list"></div>
<p id="emailHelp" class="form-text text-muted">ඔබට සමන් යන වචනය ඇතුළත් කිරීමට අවශ්යනම්
"saman" ලෙස Type කරන්න. "සමන් පාඩම් කරයි" යන වාක්යය ඇතුළත් කිරීමට අවශ්යනම්, "saman
paadam karayi" ලෙසින් ටයිප් කොට "Add Suggestion" Button එක ඔබන්න.</p>
</div>
</div>
<h4 class="modal_head"><b>Show/Hide Text Areas</b></h4>
<div class="checkbox">
<label>
<input type="checkbox" id="hideUnicode" checked onclick="hideUnicode();">
Unicode
Textarea
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" checked id="hideFont" onclick="hideFont();">
Font
Textarea
</label>
</div>
<h4 class="modal_head"><b>Suggession Library</b></h4>
<div class="form-check">
<label class="form-check-label" for="radio1">
<input type="radio" class="form-check-input" id="radio1" name="optradio" value="offline">
Offline Library
</label>
</div>
<div class="form-check">
<label class="form-check-label" for="radio2">
<input type="radio" class="form-check-input" id="radio2" name="optradio" value="online">
Online Library
</label>
</div>
<h4 class="modal_head"><b>Mute Sounds</b></h4>
<div class="checkbox">
<label>
<input checked type="checkbox" id="muteTickSound" onclick="muteTickSound();">
Tik Sound
</label>
</div>
<h4 class="modal_head"><b>Ads Space</b></h4>
<div class="checkbox">
<label>
<input checked type="checkbox" id="hideAdsSpace" onclick="hideAdsSpace();">
Ads Space (Hide/Show)
</label>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
<script>
window.$ = window.jQuery = require('./../js/jquery.min.js');
</script>
<script src="./../js/propper.min.js"></script>
<script src="./../js/bootstrap.min.js"></script>
<script src="./../js/sin/dictionary.js"></script>
<script src="./../js/sin/suggest.js"></script>
<script>
const {
dialog
} = require("electron").remote;
const fs = require('fs');
const URL = require('url').URL;
const path = require('path');
var app = require('electron').remote.app;
</script>
<script src="./../js/offline.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<script src="./../js/main.js"></script>
<script src="./../js/sin/sinhala.js"></script>
<script>
$(document).ready(function () {
$(".nav-tabs a").click(function () {
$(this).tab('show');
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var btnLoad = document.getElementById('load'),
btnSave = document.getElementById('save'),
note = document.getElementById('input_textarea');
btnLoad.addEventListener('click', function () {
dialog.showOpenDialog({
filters: [
{
name: 'Text Document',
extensions: ['txt']
}
]
}, function (filePaths) {
if (filePaths === undefined) {
return;
}
var filePath = filePaths[0];
try {
note.value = fs.readFileSync(filePath, 'utf-8');
console.log('Loaded file:' + filePath)
} catch (err) {
console.log('Error reading the file: ' + JSON.stringify(err));
}
});
});
btnSave.addEventListener('click', function () {
dialog.showSaveDialog({
filters: [
{
name: 'Text Document',
extensions: ['txt']
}
]
}, function (filePath) {
if (filePath === undefined) {
return;
}
fs.writeFile(filePath, note.value, function (err) {
if (err === undefined) {
dialog.showMessageBox({
message: 'The file has been saved!',
buttons: ['OK']
});
console.log('messagesaved')
} else {
dialog.showErrorBox('File save error', err.message);
}
});
});
});
});
</script>
<script>
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Which CMS is the Crisp chatbox compatible with?
Crisp is CMS-agnostic; that means you can install the Crisp chatbox anywhere and it will work, provided you can insert
our JavaScript in your templates.
Also, we have plugins for popular CMS (eg. WordPress), to make your live easier.
<script>
require('../renderer.js');
require('../functions.js');
</script>
</html>