API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 19th, 2019
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0033)file:///Z:/vsc/proj/formatki.html -->
  3. <html id="stateButtons"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <style>
  5. body
  6. {
  7. background-color:#303030;
  8. width:1000px;
  9. margin-left:auto;
  10. margin-right:auto;
  11. text-align:center;
  12. color:white;
  13.  
  14. }
  15. .state
  16. {
  17. padding:5px;
  18. margin:2px;
  19. }
  20. .state:hover{
  21. background-color:blue;
  22. color:white;
  23. }
  24. </style>
  25. <title>Formatki v0.1</title>
  26.  
  27. <!-- <link rel="stylesheet" href="style.css"> -->
  28. </head>
  29. <body>
  30. <!-- <center>Język</center><br>
  31. Przyciski ustawiające płeć i język do formatek (język to funkcjonalność na później)
  32. <button class="lang" id="pl">polski</button>
  33. <button class="lang" id="en">angielski</button><br> -->
  34. <center><div id="plec">Płeć<span style="font-weight:bold; color:red"> NIE USTAWIONO!</span> </div></center><br>
  35. <button class="plec" onclick="manOrWo.setValue(&#39;Pani&#39;)" id="k">kobieta</button>
  36. <button class="plec" onclick="manOrWo.setValue(&#39;Pan&#39;)" id="m">mężczyzna</button><br>
  37. <center>Co chcesz napisać?</center><br>
  38.  
  39. <!-- guziki funkcyjne (mające injectować tekst do pola) -->
  40. <button class="state" id="start">Przywitaj się</button>
  41. <button class="state" id="delAcc">Usuń konto</button>
  42. <button class="state" id="delAccNxt">Usuń konto cd.</button>
  43. <button class="state" id="mark">Ocena pracy</button>
  44. <button class="state" id="noResp">Brak odpowiedzi</button>
  45. <button class="state" id="end">Zakończ rozmowę</button>
  46.  
  47.  
  48. <form name="checkform" id="textarea" action="http://community.languagetool.org" method="post">
  49.  
  50. <p id="checktextpara">
  51. <textarea id="checktext" name="text" style="width: 100%"
  52. rows="6">Daj coś do sprawdzenia...</textarea>
  53. </p>
  54.  
  55. <div>
  56. <select name="lang" id="lang">
  57. <option value="pl-PL">polski</option>
  58. <option value="de-DE">German</option>
  59. <option value="it">Italian</option>
  60. </select>
  61. <input type="submit" name="_action_checkText"
  62. value="Check Text" onClick="doit();return false;"> Powered by <a href="https://languagetool.org">languagetool.org</a>
  63. <div id="feedbackErrorMessage" style="color: red;"></div>
  64. </div>
  65.  
  66. </form>
  67. <button id="copyButton" onclick="copytext()">Kopiuj!</button>
  68. <center><b>Obecne ustawienia</b></center><br>
  69. <div id="plecSetting">Płeć: </div>
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. <script>
  81. {
  82. var name=prompt("Podaj imię i nazwisko");
  83. var date= new Date();
  84.  
  85.  
  86. //nie chce inaczej dodać do formularza tego tekstu co ja chce, textcontent i value nie dzialaja :C
  87.  
  88. var buttons={ //baza przyciskow i struktur HTML
  89. langEn:document.querySelector('#en'),
  90. langPl:document.querySelector('#pl'),
  91. mBtn:document.querySelector('#m'),
  92. kBtn:document.querySelector('#k'),
  93. start:document.querySelector('#start'),
  94. end: document.querySelector('#end'),
  95. delAcc:document.querySelector('#delAcc'),
  96. delAccNxt:document.querySelector('#delAccNxt'),
  97. valueForm:document.querySelector('#checktext'),
  98. printBtn:document.querySelector("#print"),
  99. mark:document.querySelector("#mark"),
  100. display:document.querySelector(".dispSettings"),
  101. noResp:document.querySelector("#noResp"),
  102. plecField:document.querySelector("#plec"),
  103. plecSetting:document.querySelector('#plecSetting')
  104.  
  105.  
  106. };
  107. manOrWo={
  108. value:"######",
  109. setValue(val){
  110. this.value=val;
  111. buttons.plecSetting.textContent="Płeć: ";
  112. buttons.plecField.textContent="Płeć: ";
  113. buttons.plecSetting.textContent+=val;
  114.  
  115. }
  116. };
  117. const getDayTime=()=>{
  118. let today=new Date();
  119. let daytime=today.getHours();
  120. return daytime <=18 ? 'dnia':'wieczoru';
  121. }
  122.  
  123.  
  124. var formatki={
  125. daytime:()=>{ return date.getHours()<=18 ? "dnia" : "wieczoru"},
  126. start: `Witam w PLAY NEXT, nazywam się ${name}, w czym mogę pomóc?`,
  127. end: `Dziękuję za rozmowę, zachęcam do dalszego korzystania z aplikacji PLAY NEXT. W razie jakichkolwiek pytań jesteśmy dostępni na czacie 24 godziny na dobę. Życzę miłego ${getDayTime()} i pozdrawiam serdecznie.`,
  128. delAcc:`Witam w PLAY NEXT, nazywam się ${name}, mógłbym poznać powód chęci usunięcia konta?`,
  129. mark:`Po zakończeniu rozmowy wyświetli się okno z prośbą o krótką ocenę mojej pracy. Będę wdzięczny za jej wypełnienie. `,
  130. delAccNxt(){return `Rozumiem, w takim razie muszę napisać zgłoszenie do działu eksperckiego, aby zajął się on tą sprawą. Czy zgadza się ${manOrWo.value} na to rozwiązanie?`;},
  131. noResp:`Z powodu braku odpowiedzi jestem zmuszony zakończyć czat. Zachęcam do korzystania z aplikacji PLAY NEXT. Proszę pamiętać, że jesteśmy do dyspozycji na czacie przez 24 godziny na dobę. Życzę miłego ${getDayTime()}. `
  132. };
  133.  
  134.  
  135. var printFormat=(formatka)=>{
  136. buttons.valueForm.textContent=formatka;
  137.  
  138. }
  139. var clearInput=()=>{
  140. buttons.valueForm.textContent="";
  141. }
  142. var displaySettings=()=>{
  143.  
  144. }
  145.  
  146. };
  147.  
  148. buttons.start.addEventListener("click",()=>{
  149. buttons.valueForm.textContent=formatki.start;
  150. });
  151. buttons.end.addEventListener("click",()=>{
  152. buttons.valueForm.textContent=formatki.end;
  153. });
  154. buttons.delAcc.addEventListener("click",()=>{
  155. buttons.valueForm.textContent=formatki.delAcc;
  156. });
  157. buttons.delAccNxt.addEventListener("click",()=>{
  158. buttons.valueForm.textContent=formatki.delAccNxt();
  159. });
  160. buttons.mark.addEventListener("click",()=>{
  161. buttons.valueForm.textContent=formatki.mark;
  162. });
  163. buttons.noResp.addEventListener("click",()=>{
  164. buttons.valueForm.textContent=formatki.noResp;
  165. });
  166. var copyText=()=>{
  167. buttons.valueForm.select();
  168. document.execCommand("copy");
  169. alert(`Skopiowano ${buttons.valueForm.value}`);
  170. clearInput();
  171. }
  172.  
  173. clearInput();
  174. </script>
  175. <!-- skrypt walidujący poprawność pisowni -->
  176. <script type="text/javascript"
  177. src="https://www.languagetool.org/js/jquery-1.7.0.min.js"></script>
  178. <script type="text/javascript"
  179. src="https://www.languagetool.org/online-check/tiny_mce/tiny_mce.js"></script>
  180. <script type="text/javascript"
  181. src="https://www.languagetool.org/online-check/tiny_mce/plugins/atd-tinymce/editor_plugin2.js"></script>
  182.  
  183. <script language="javascript" type="text/javascript">
  184. tinyMCE.init({
  185. mode : "textareas",
  186. plugins : "AtD,paste",
  187. paste_text_sticky : true,
  188. setup : function(ed) {
  189. ed.onInit.add(function(ed) {
  190. ed.pasteAsPlainText = true;
  191. });
  192. },
  193. /* translations: */
  194. languagetool_i18n_no_errors : {
  195. // "No errors were found.":
  196. "de-DE": "Keine Fehler gefunden."
  197. },
  198. languagetool_i18n_explain : {
  199. // "Explain..." - shown if there is an URL with a detailed description:
  200. "de-DE": "Mehr Informationen..."
  201. },
  202. languagetool_i18n_ignore_once : {
  203. // "Ignore this error":
  204. "de-DE": "Hier ignorieren"
  205. },
  206. languagetool_i18n_ignore_all : {
  207. // "Ignore this kind of error":
  208. "de-DE": "Fehler dieses Typs ignorieren"
  209. },
  210. languagetool_i18n_rule_implementation : {
  211. // "Rule implementation":
  212. "de-DE": "Implementierung der Regel"
  213. },
  214.  
  215. languagetool_i18n_current_lang :
  216. function() { return document.checkform.lang.value; },
  217. /* The URL of your LanguageTool server.
  218. If you use your own server here and it's not running on the same domain
  219. as the text form, make sure the server gets started with '--allow-origin ...'
  220. and use 'https://your-server/v2/check' as URL: */
  221. languagetool_rpc_url : "https://languagetool.org/api/v2/check",
  222. /* edit this file to customize how LanguageTool shows errors: */
  223. languagetool_css_url :
  224. "https://www.languagetool.org/online-check/" +
  225. "tiny_mce/plugins/atd-tinymce/css/content.css",
  226. /* this stuff is a matter of preference: */
  227. theme : "advanced",
  228. theme_advanced_buttons1 : "",
  229. theme_advanced_buttons2 : "",
  230. theme_advanced_buttons3 : "",
  231. theme_advanced_toolbar_location : "none",
  232. theme_advanced_toolbar_align : "left",
  233. theme_advanced_statusbar_location : "bottom",
  234. theme_advanced_path : false,
  235. theme_advanced_resizing : true,
  236. theme_advanced_resizing_use_cookie : false,
  237. gecko_spellcheck : false
  238. });
  239.  
  240. function doit() {
  241. var langCode = document.checkform.lang.value;
  242. tinyMCE.activeEditor.execCommand("mceWritingImprovementTool", langCode);
  243. }
  244. </script>
  245.  
  246. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!