Added copy to clipboard feature, dockerized backend and cleaned the code

mrhakimov · Mar 29, 2020 · 98b8a69 · 98b8a69
1 parent 844fad8
commit 98b8a69
Show file tree

Hide file tree

Showing 54 changed files with 201,639 additions and 34 deletions.
diff --git a/.gitignore b/.gitignore
@@ -32,7 +32,5 @@ build/
 
 ### Secrets ###
 src/main/resources
-src/main/java/ru
 frontend/node_modules
 TODO.md
-
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,7 @@
+FROM openjdk:11.0.4
+
+ADD target/easify-backend.jar easify-backend.jar
+
+EXPOSE 8090
+
+ENTRYPOINT ["java", "-jar", "easify-backend.jar"]
diff --git a/frontend/public/css/mainPage.css b/frontend/public/css/mainPage.css
@@ -26,7 +26,7 @@ main {
 main textarea {
     padding: 5px;
     width: 38.3rem;
-    height: 26rem;
+    height: 25rem;
     border-radius: 5px;
 }
 
@@ -42,3 +42,14 @@ main .request textarea {
 
 main .response textarea {
 }
+
+.copyButton {
+  padding: 2px;
+  border: 2px solid #e7e7e7e;
+  background-color: white;
+  transition-duration: 0.4s;
+}
+
+.copyButton:hover {
+  background-color: #e7e7e7;
+}
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -1,3 +1,8 @@
+<!--$.notify("Access granted", "success");-->
+<!--$.notify("Do not press this button", "info");-->
+<!--$.notify("Warning: Self-destruct in 3.. 2..", "warn");-->
+<!--$.notify("BOOM!", "error");-->
+
 <template>
     <!--suppress HtmlUnknownTag -->
     <body id="app">

diff --git a/frontend/src/components/Header.vue b/frontend/src/components/Header.vue
@@ -1,11 +1,7 @@
 <!--suppress HtmlUnknownAnchorTarget -->
 <template>
     <header>
-        <a href="/"><img src="../assets/img/logo.png" alt="Codeforces" title="Codeforces" width="300px"/></a>
-<!--        <div class="languages">-->
-<!--            <a href="#"><img src="../assets/img/gb.png" alt="In English" title="In English"/></a>-->
-<!--            <a href="#"><img src="../assets/img/ru.png" alt="In Russian" title="In Russian"/></a>-->
-<!--        </div>-->
+        <a href="/"><img src="../assets/img/logo.png" alt="Easify" title="Easify" width="300px"/></a>
         <div class="enter-or-register-box">
             <template v-if="user">
                 {{user.login}}
@@ -18,12 +14,6 @@
                 <a href="#page=Register" @click="changePage('Register')">Register</a>
             </template>
         </div>
-<!--        <nav>-->
-<!--            <ul>-->
-<!--                <li><a href="#page=Index" @click="changePage('Index')">Home</a></li>-->
-<!--                <li><a href="#page=Users" @click="changePage('Users')">Users</a></li>-->
-<!--            </ul>-->
-<!--        </nav>-->
     </header>
 </template>
 

diff --git a/frontend/src/components/middle/Index.vue b/frontend/src/components/middle/Index.vue
@@ -1,13 +1,15 @@
 <template>
     <div>
-        <div class="request"><textarea autofocus placeholder="Enter your text..." @change.prevent="onChange" v-model="text"></textarea></div>
-        <div class="response"><textarea>{{result}}</textarea></div>
+        <div class="request"><textarea autofocus placeholder="Enter your text..." @change.prevent="onChange"
+                                       v-model="text" required></textarea></div>
+        <div class="response"><textarea id="copyValue" v-model="result" readonly></textarea></div>
+        <button class="copyButton" @click.prevent="copyToClipboard()">Copy text</button>
     </div>
 </template>
 
 <script>
     export default {
-        data: function() {
+        data: function () {
             return {
                 text: "",
                 result: ""
@@ -28,6 +30,15 @@
                 this.$root.$emit("onEasify", this.text);
             }, changePage: function (page) {
                 this.$root.$emit("onChangePage", page);
+            }, copyToClipboard: function () {
+                let copyText = document.getElementById("copyValue");
+
+                copyText.select();
+                copyText.setSelectionRange(0, 99999); /*For mobile devices*/
+
+                $.notify("Do not press this button", "info");
+                alert("Copied!");
+                document.execCommand("copy");
             }
         }
     }

diff --git a/frontend/src/jquery-3.4.1.min.js b/frontend/src/jquery-3.4.1.min.js
diff --git a/frontend/src/main.js b/frontend/src/main.js
@@ -1,5 +1,11 @@
 import Vue from 'vue'
 import App from './App.vue'
+import jquery from './jquery-3.4.1.min'
+Vue.use(jquery);
+
+import Notify from './notify'
+
+Vue.use(Notify);
 
 Vue.config.productionTip = false;