Initial commit

lib/assets/javascripts/new-dashboard/components/MapCard/shared/computed.js

@@ -0,0 +1,55 @@
+import * as Visualization from 'new-dashboard/core/models/visualization';
+import countCharsArray from 'new-dashboard/utils/count-chars-array';
+import distanceInWordsStrict from 'date-fns/distance_in_words_strict';
+import zhCN from 'date-fns/locale/zh_cn';
+
+
+export default {
+  privacyIcon () {
+    return `icon--${this.$props.visualization.privacy}`.toLowerCase();
+  },
+  lastUpdated () {
+    return this.$t(`MapCard.lastUpdate`, {
+      date: distanceInWordsStrict(this.$props.visualization.updated_at, new Date(),{ locale: zhCN })
+    });
+  },
+  mapThumbnailUrl () {
+    return Visualization.getThumbnailUrl(this.$props.visualization, this.$cartoModels, {
+      width: this.thumbnailWidth,
+      height: this.thumbnailHeight
+    });
+  },
+  tagsLength () {
+    return this.$props.visualization.tags ? this.$props.visualization.tags.length : 0;
+  },
+  hasTags () {
+    return this.$props.visualization.tags && this.$props.visualization.tags.length;
+  },
+  vizUrl () {
+    return Visualization.getURL(this.$props.visualization, this.$cartoModels);
+  },
+  tagsChars () {
+    return countCharsArray(this.$props.visualization.tags, ', ');
+  },
+  isSharedWithMe () {
+    return Visualization.isSharedWithMe(this.$props.visualization, this.$cartoModels);
+  },
+  showViews () {
+    const privacy = this.$props.visualization.privacy;
+    return ['public', 'password', 'link'].includes(privacy.toLowerCase());
+  },
+  numberViews () {
+    const stats = this.$props.visualization.stats;
+    const totalViews = Object.keys(stats).reduce((total, date) => total + stats[date], 0);
+    return totalViews;
+  },
+  showInteractiveElements () {
+    return !this.$props.selectMode;
+  },
+  colleaguesSharedList () {
+    return this.$props.visualization.permission.acl;
+  },
+  isSharedWithColleagues () {
+    return this.$props.visualization.permission.acl.length > 0;
+  }
+};