Internal: Add js lib pretty-bytes

assets/vue/main.js

@@ -21,8 +21,7 @@ const apolloClient = new ApolloClient({
     uri: '/api/graphql/'
 });
 
-import { BootstrapVue } from 'bootstrap-vue'
-
+import { BootstrapVue } from 'bootstrap-vue';
 // Install BootstrapVue
 Vue.use(BootstrapVue)
 // Optionally install the BootstrapVue icon components plugin
@@ -44,6 +43,12 @@ const apolloProvider = new VueApollo({
     defaultClient: apolloClient,
 });
 
+const prettyBytes = require('pretty-bytes');
+
+Vue.filter('prettyBytes', function (num) {
+    return prettyBytes(num);
+});
+
 store.registerModule(
     'course',
     makeCrudModule({

package.json

@@ -56,6 +56,7 @@
     "pace-js-amd-fix": "^1.0.5",
     "perfect-scrollbar": "^1.4",
     "portal-vue": "^2.1.7",
+    "pretty-bytes": "^5.4.1",
     "pretty-checkbox": "^3.0.3",
     "pwstrength-bootstrap": "^3.0.5",
     "qtip2": "^3.0.3",

webpack.config.js

@@ -179,4 +179,5 @@ config.resolve.alias =  {
     // Or if using full build of Vue (runtime + compiler)
     // vue$: 'vue/dist/vue.esm.js'      // 'vue/dist/vue.common.js' for webpack 1
 };
+
 module.exports = config;

yarn.lock

@@ -11681,6 +11681,11 @@ prettier@^1.18.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
+pretty-bytes@^5.4.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.4.1.tgz#cd89f79bbcef21e3d21eb0da68ffe93f803e884b"
+  integrity sha512-s1Iam6Gwz3JI5Hweaz4GoCD1WUNUIyzePFy5+Js2hjwGVt2Z79wNN+ZKOZ2vB6C+Xs6njyB84Z1IthQg8d9LxA==
+
 pretty-checkbox@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/pretty-checkbox/-/pretty-checkbox-3.0.3.tgz#d49c8013a8fc08ee0c2d6ebde453464bfdbc428e"