[Koha-bugs] [Bug 30225] Rewrite cities admin view in Vue

[bugzilla-daemon at bugs.koha-community.org]

https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=30225

Tomás Cohen Arazi <tomascohen at gmail.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
 Attachment #131523|0                           |1
        is obsolete|                            |

--- Comment #12 from Tomás Cohen Arazi <tomascohen at gmail.com> ---
Created attachment 132643
  -->
https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=132643&action=edit
Bug 30225: Rewrite cities admin view in Vue

Same as bug 30160 but using Vue 3 (https://vuejs.org/).

TODO:
* Use Vue Router and remove the switch-view weirdness
* Clean package.json it contains too many things

Notes:
* Use of webpack instead of gulp (didn't manage to make it work, and
webpack seems the "new standard"?)
* Cannot fully use vue-boostrap-3 as it is using bootstrap 4 and
conflict with our version (3.5). The add form for instance should
display label and input inline with the code used in this patch, but
it's not displayed correctly
* Using bootstrap-vue-3 as bootstrap-vue is still for Vue 2

To improve/weirdness:
* The fetch before the edit and delete is done too late, in created().
You can notice a "blink".
But lifecycle hooks don't permit a await here
https://vuejs.org/guide/essentials/lifecycle.html
* I guess we should have the whole model stored in Vue to take full
advantage of its functionalities
* We need to inject the "Edit" and "Delete" buttons, it was a nightmare
and it's not done properly. I didn't manage to render a component that
is using the font-awesome-icon and bootstrap styles.

Hot reload using `yarn watch_js`

Bug 30225: Fix edit>cancel>list>add

New form shouldn't be populated with last edited city. Appened when
cancel link was used

-- 
You are receiving this mail because:
You are watching all bug changes.