v1.2.6

- we are now jQuery free 🤘 - update assets
ctf0 · Dec 3, 2017 · a614cb6 · a614cb6
1 parent 9625384
commit a614cb6
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 56 deletions.
diff --git a/logs/v1.2.5.txt b/logs/v1.2.5.txt
diff --git a/logs/v1.2.6.txt b/logs/v1.2.6.txt
@@ -0,0 +1,2 @@
+- we are now jQuery free :metal:
+- update assets
diff --git a/src/resources/assets/js/Main/container.vue b/src/resources/assets/js/Main/container.vue
@@ -56,10 +56,6 @@ export default {
     beforeMount() {
         this.preVisited()
     },
-    updated() {
-        this.tableFloatHead($('table'), 0)
-        this.reflowTable()
-    },
     methods: {
         // local-storage
         preVisited() {
@@ -89,19 +85,6 @@ export default {
             }
         },
 
-        // table
-        tableFloatHead(table, offset) {
-            setTimeout(() => {
-                table.floatThead({
-                    top: offset,
-                    autoReflow: true,
-                    responsiveContainer(table) {
-                        return table.closest('section')
-                    }
-                })
-            }, 600)
-        },
-
         // tabs
         activeTabIs(tab) {
             return this.activeTab == tab
@@ -140,11 +123,6 @@ export default {
                 this[e] = ''
             })
         },
-        reflowTable() {
-            setTimeout(() => {
-                $('table').trigger('reflow')
-            }, 10)
-        },
         trans(key) {
             return this.lingoTrans[key]
         },
@@ -181,11 +159,6 @@ export default {
         },
         missingVal(msg = null) {
             this.showNotif(msg || this.trans('no_val'), 'warning')
-        },
-
-        // animation
-        afterEnter() {
-            this.reflowTable()
         }
     },
     watch: {

diff --git a/src/resources/assets/js/Tabs/ops.js b/src/resources/assets/js/Tabs/ops.js
@@ -65,10 +65,13 @@ export default {
         }
 
         // copy to clipboard
-        $(document).on('click', '.c2c', () => {
-            this.$copyText(this.keyToCopy)
-            this.refocus()
-        })
+        document.body.onclick = (e) => {
+            e = window.event ? event.srcElement : e.target
+            if (e.className && e.className.indexOf('c2c') != -1) {
+                this.$copyText(this.keyToCopy)
+                this.refocus()
+            }
+        }
     },
     activated() {
         if (this.$parent.activeTab == this.getTabName()) {
@@ -108,9 +111,6 @@ export default {
         trans(key) {
             return this.parentMethod('trans', key) || ''
         },
-        reflowTable() {
-            this.parentMethod('reflowTable')
-        },
         getTabName() {
             return this.$options.name
         },

diff --git a/src/resources/assets/js/Tabs/shared/content.vue b/src/resources/assets/js/Tabs/shared/content.vue
@@ -134,10 +134,6 @@
 </template>
 
 <style scoped>
-    .tag {
-        border-radius: 3px;
-    }
-
     #tippyTemplate {
         display: none;
     }
@@ -162,7 +158,6 @@ export default{
         }
     },
     updated() {
-        this.parentMethod('reflowTable')
         this.tableColumnResize()
     },
     methods: {
@@ -172,7 +167,7 @@ export default{
             let startOffset
 
             document.querySelectorAll('table th').forEach((th) => {
-                th.style.position = 'relative'
+                th.style.position = 'sticky'
 
                 let grip = document.createElement('div')
                 grip.innerHTML = '&nbsp;'
@@ -192,7 +187,6 @@ export default{
 
             document.addEventListener('mousemove', (e) => {
                 if (el) {
-                    this.parentMethod('reflowTable')
                     el.style.width = startOffset + e.pageX + 'px'
                 }
             })
@@ -240,7 +234,6 @@ export default{
 
                 setTimeout(() => {
                     this.selectedFile = old
-                    this.parentMethod('reflowTable')
                 }, 10)
 
                 this.parentMethod('resetAll', ['selectedFile'])
@@ -252,7 +245,6 @@ export default{
         // util
         newEntry() {
             this.dataChanged = true
-            this.parentMethod('reflowTable')
         },
         saveNewKey(e) {
             let old_key = e.target.dataset.mainKey

diff --git a/src/resources/assets/sass/bulma.scss b/src/resources/assets/sass/bulma.scss
@@ -21,7 +21,3 @@
 .level-item {
     margin-bottom: 0.75rem;
 }
-
-.tabs li.is-active a {
-    margin-bottom: -1px;
-}
diff --git a/src/resources/assets/sass/style.scss b/src/resources/assets/sass/style.scss
@@ -38,3 +38,10 @@ th {
     color: white;
     background-color: #363636;
 }
+
+thead th {
+    position: sticky;
+    z-index: 1;
+    top: 30px;
+    background-color: white;
+}
diff --git a/src/resources/views/lingo-bulma.blade.php b/src/resources/views/lingo-bulma.blade.php
@@ -161,7 +161,7 @@ class="button is-primary"
                             </transition-group>
 
                             {{-- utils --}}
-                            <div class="level">
+                            <div class="level m-t-10">
                                 <div class="level-right"></div>
                                 <div class="level-left">
                                     {{-- copied key format --}}
@@ -218,7 +218,7 @@ class="button is-primary"
                             </div>
 
                             {{-- Tabs Toggle --}}
-                            <transition name="comp-fade" mode="out-in" v-on:after-enter="afterEnter">
+                            <transition name="comp-fade" mode="out-in">
                                 <keep-alive>
                                     <component :is="activeTab"
                                         dirs-route="{{ route('lingo.vendor_dirs') }}"
@@ -237,8 +237,6 @@ class="button is-primary"
     {{-- Footer --}}
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     {{-- Scripts --}}
-    <script src="//code.jquery.com/jquery-3.2.1.slim.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/floatthead/2.0.3/jquery.floatThead.min.js"></script>
     <script src="{{ asset("path/to/app.js") }}"></script>
 </body>
 </html>