improve: UI (#1152)

* improve: UI (#1033)

* fix: instance activity chart not displaying properly

* fix

src/classes/languages.js

@@ -108,7 +108,6 @@ export default class extends baseClass {
             visible: false,
             loading: false,
             languageChoice: false,
-            languageValue: '',
             languages: []
         }
     };

src/classes/uiComponents.js

@@ -12,9 +12,10 @@ export default class extends baseClass {
 
         Vue.component('launch', {
             template:
-                '<el-button @click="confirm" size="mini" icon="el-icon-info" circle></el-button>',
+                '<el-tooltip placement="top" :content="$t(`dialog.user.info.launch_invite_tooltip`)" :disabled="hideTooltips"><el-button @click="confirm" size="mini" icon="el-icon-switch-button" circle></el-button></el-tooltip>',
             props: {
-                location: String
+                location: String,
+                hideTooltips: Boolean
             },
             methods: {
                 parse() {
@@ -25,7 +26,7 @@ export default class extends baseClass {
                         : 'none';
                 },
                 confirm() {
-                    API.$emit('SHOW_LAUNCH_DIALOG', this.location);
+                    this.$emit('show-launch-dialog', this.location);
                 }
             },
             watch: {
@@ -279,8 +280,8 @@ export default class extends baseClass {
                     }
                 },
                 showLaunchDialog() {
-                    API.$emit(
-                        'SHOW_LAUNCH_DIALOG',
+                    this.$emit(
+                        'show-launch-dialog',
                         this.location,
                         this.shortName
                     );
@@ -308,12 +309,12 @@ export default class extends baseClass {
 
         Vue.component('last-join', {
             template:
-                '<span>' +
-                '<el-tooltip placement="top" style="margin-left:5px" v-if="lastJoin">' +
+                '<span v-if="lastJoin">' +
+                '<el-tooltip placement="top" style="margin-left:5px" >' +
                 '<div slot="content">' +
                 '<span>{{ $t("dialog.user.info.last_join") }} <timer :epoch="lastJoin"></timer></span>' +
                 '</div>' +
-                '<i v-if="lastJoin" class="el-icon el-icon-location-outline" style="display:inline-block"></i>' +
+                '<i class="el-icon el-icon-location-outline" style="display:inline-block"></i>' +
                 '</el-tooltip>' +
                 '</span>',
             props: {

src/classes/utils.js

@@ -322,6 +322,26 @@ export default {
         });
         return node;
     },
+
+    // app.js 4900ln
+    // descending
+    compareByCreatedAt(a, b) {
+        if (
+            typeof a.created_at !== 'string' ||
+            typeof b.created_at !== 'string'
+        ) {
+            return 0;
+        }
+        var A = a.created_at.toUpperCase();
+        var B = b.created_at.toUpperCase();
+        if (A < B) {
+            return 1;
+        }
+        if (A > B) {
+            return -1;
+        }
+        return 0;
+    },
     // lazy load echarts
     loadEcharts() {
         if (echarts) {