chore: clean asset directory

front/assets/.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+dist

front/assets/readme.md

@@ -0,0 +1,54 @@
+# Assets
+
+Directorio de assets empaquetados por [webpack][webpack].
+
+
+## Preparación
+
+La compilación de assets requiere [node][node-dowload].
+
+```bash
+# Ir al directorio de assets
+cd front/assets/
+
+# Si está instalado nvm - https://github.com/nvm-sh/nvm
+nvm use
+
+# Instalar dependencias
+npm install
+```
+
+## Compilación de assets
+
+```bash
+# Ir al directorio de assets
+cd front/assets/
+
+# Correr webpack
+npm run build
+# o también, correr webpack en watch-mode
+npm run dev
+```
+
+## Integración con Django
+
+Para utilizar los assets generados se utiliza
+la librería de python [django-manifest-loader][djm]
+y el plugin de webpack [webpack-manifest-plugin][wmp].
+
+Para utilizar un asset en un template, se utiliza
+
+```django
+{% load manifest %}
+<link rel="stylesheet" href="{% manifest 'style_file.css' %}">
+<script type="text/javascript" src="{% manifest 'script_file.js' %}"></script>
+```
+
+donde `script_file` y `style_file` son nombres de entradas
+especificadas en [`webpack.config.js`](./webpack.config.js).
+
+
+[node-dowload]: https://nodejs.org/es/download/current/
+[webpack]: (https://webpack.js.org/)
+[djm]: https://github.com/shonin/django-manifest-loader
+[wmp]: https://github.com/shellscape/webpack-manifest-plugin

front/assets/src/course.js

@@ -2,7 +2,7 @@
 import 'bootstrap';
 
 // Public functions
-import {loadInfo} from './info';
-import {loadQuota} from './quota';
+import {loadInfo} from './utils/info';
+import {loadQuota} from './utils/quota';
 
 export {loadInfo, loadQuota};

front/assets/src/css/entry.js

@@ -1,4 +1,4 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
-import './multiple-select.min.css';
-import './select.bootstrap.min.css';
+import 'multiple-select/dist/multiple-select.min.css';
+import 'multiple-select/dist/themes/bootstrap.min.css';
 import './base.css';

front/assets/src/planner.js

@@ -6,12 +6,12 @@ import 'bootstrap';
 import 'multiple-select';
 
 // Public functions
-import {toggle, toggleRow, toggleDay, clearSelects} from './filters';
-import {save, unsave, viewSaved, edit, share} from './save';
-import {add, remove, loadRamo, loadFromCookie} from './schedule';
-import {loadInfo} from './info';
-import {search} from './search';
-import {loadQuota} from './quota';
+import {toggle, toggleRow, toggleDay, clearSelects} from './utils/filters';
+import {save, unsave, viewSaved, edit, share} from './utils/save';
+import {add, remove, loadRamo, loadFromCookie} from './utils/schedule';
+import {loadInfo} from './utils/info';
+import {search} from './utils/search';
+import {loadQuota} from './utils/quota';
 
 export {
     toggle, toggleRow, toggleDay, clearSelects,
@@ -57,4 +57,4 @@ $(() => {
         selectAll: false,
         showClear: true
     });
-});
+});

front/assets/src/shared.js

@@ -1,11 +1,11 @@
 // Public functions
 import 'bootstrap';
 
-import {loadInfo} from './info';
-import {loadQuota} from './quota';
-import {search} from './search';
-import {edit} from './save';
-import {loadRamo} from './schedule';
+import {loadInfo} from './utils/info';
+import {loadQuota} from './utils/quota';
+import {search} from './utils/search';
+import {edit} from './utils/save';
+import {loadRamo} from './utils/schedule';
 
 export {loadInfo, search, edit, loadRamo, loadQuota};
 window.$ = $;

front/assets/src/info.js → front/assets/src/utils/info.js

@@ -43,7 +43,7 @@ export const loadInfo = (id) => {
 
         if (have_alert) modal.html(alerts);
         else modal.html('');
-        
+
         // Rest of info
         modal.append(`
             <b>Campus:</b> ${course.campus}<br>

front/assets/src/search.js → front/assets/src/utils/search.js

@@ -47,7 +47,7 @@ export const search = (page=1) => {
         free_quota: free_quota,
         page: page
     }
-    
+
     $.get('/p_search', query_body)
     .done(response => {
         if (response.error) {

front/assets/webpack.config.js

@@ -9,12 +9,12 @@ var webpack = require('webpack');
 module.exports = {
   mode: 'production',
   entry: {
-    planner: './src/planner.js',
-    shared: './src/shared.js',
-    course: './src/course.js',
     browse: './src/browse.js',
-    index: './src/index.js',
+    course: './src/course.js',
     generic: './src/generic.js',
+    index: './src/index.js',
+    planner: './src/planner.js',
+    shared: './src/shared.js',
   },
   plugins: [
     new CleanWebpackPlugin(),