LIL-706

apps/user/templates/user/edit_gallery.html

@@ -1,8 +1,15 @@
+{% extends "templates/lilcity/index.html" %}
 
 {% block pre_app_js %}
-window.LIL_STORE.components['block-images'] = '../components/BlockImages';
+<script>
+  window.LIL_STORE.components['block-images'] = '../components/BlockImages.vue';
+  window.LIL_STORE._user_gallery_images = [{% for img in user.gallery.gallery_images.all %}{
+    image_thumbnail_url: '{{ img.image_thumbnail_url }}',
+    image_id: {{ img.id }},
+  },{% endfor %}];
+</script>
 {% endblock pre_app_js %}
 
 {% block content %}
-
+<block-images :images="$root.store._user_gallery_images" :access-token="$root.store.accessToken"/>
 {% endblock %}

web/src/js/app.js

@@ -46,28 +46,33 @@ const components = {
 
 Object.assign(components, window.LIL_STORE.components);
 
-for(let k in components){
+const promises = [];
-    if(typeof components[k] === 'string'){
+
-        components[k] = await import(components[k]);
-    }
-}
 
-const app = new Vue({
+(async () => {
-  el: '#lilcity-vue-app',
+  for(let k in components){
-  data() {
+      if(typeof components[k] === 'string'){
-    return {
+          components[k] = await import(components[k]);
-      store: window.LIL_STORE,
+      }
-    }
+  }
-  },
+  const app = new Vue({
-  mounted(){
+    el: '#lilcity-vue-app',
-    if(this.urlIs('userProfileEdit') || this.urlIs('userBonuses')){
+    data() {
-      profileMain(this);
+      return {
-    }
+        store: window.LIL_STORE,
-  },
+      }
-  methods: {
+    },
-    urlIs(urlPatternName){
+    mounted(){
-      return window.location.pathname.search(this.store.urls[urlPatternName]) > -1;
+      if(this.urlIs('userProfileEdit') || this.urlIs('userBonuses')){
+        profileMain(this);
+      }
     },
-  },
+    methods: {
-  components: components
+      urlIs(urlPatternName){
-});
+        return window.location.pathname.search(this.store.urls[urlPatternName]) > -1;
+      },
+    },
+    components: components
+  });
+})();
+