<center> <h2>Project introduction </h2></center>
#### Repository
https://github.com/boxwise/boxwise_WMS

#### What is Boxwise?
As stated in project's README file, <i>Boxwise is a web-app, which makes it easy for organisations to source, store and distribute donated goods to people in need in a fair and dignified way.</i>  

#### How it works (in a nutshell)?
Handing out the donations can get very hectic. And especially without proper warehouse management tool. That's why <a href="https://drapenihavet.no/en/home/">Drop in the Ocean</a> NGO implemented so called DropAppin several of its camps. It helps coordinators to sort and easily store all incoming boxes full of donations based on clothes size, clothes type and gender in the "big warehouse". It also tracks which clothes types are being asked for the most and therefore can coodinators react accordingly and bring to the camp more pieces of particular items. App also grants every camp resident (refugee) X amount of "drops" every moth which a "virtual currency" used to buy clothes from the donations. <b>This is very important as this gives refugees the control over what they wear and how they identify themselves. It's a very important psycho-social activity which they lost!</b>

<iframe width="560" height="315" src="https://www.youtube.com/embed/5R6xwMyksX8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<center><sup>Here is the video where you can see how DiH volunteers use the DropApp :)</sup></center>


#### Why did I join the project?
During my 12 days of volunteering in Greece this January in <a href="https://drapenihavet.no/en/home/">Drop in the Ocean</a>(DiH) Skaramagas camp, I've been using DropApp daily and realized how amazing this tool is. I got to know it was developed by former volunteers last year and I contacted them on Facebook. During a quick Google Hangouts we had, they explained me the issues of the application (unscalability -> every camp needs their own web server and tech person) and the reason why Boxwise was created. <b>It's basically a DropApp 2.0.</b> Better, more stable and scalable version ( hopefully ;) ).

<center>![](https://cdn.steemitimages.com/DQmQjpEjS4Xav62jDfmTYz4hHBoFCnsr9NBQtTTP2VPmiaV/image.png)</center>
<center><sup>DropApp in it's current form (Basic HTML, bit of CSS & Javascript and custom PHP framework developed by former volunteer which only 3 poeple in this world understand :D)</sup></center>

<center>![text16.png](https://cdn.steemitimages.com/DQmcvVqhGMbF1KAHTn9Wh8FiRhmpAbiEuAKerVM7ugDnXfX/text16.png)</center>

<center> <h2>Tech talk</h2></center>

## Odoo
We are using the open source ERP system called Odoo as the base for Boxwise. It's a modular system which allows to add various modules into the environment and there are already several modules which address the exact same area - warehouse management.
<b>Sounds great right? The only problem is, the whole team which is currently 4 people have almost zero experience in Odoo. Ok, let's be honest..not almost zero...zero :D</b>

Anyway, let's not lose more time and get into the nitty-gritty. My task was:



## New Feature -  generate packages in bulk
<ul>
<li>My pull request: <a href="https://github.com/boxwise/boxwise_wms/pull/31">HERE</a></li>
<li>Detailed task description: <a href="https://github.com/boxwise/boxwise_wms/issues/9">Feature request #9</a></li>
<li>Language: Python, XML</li>
<li>Commits: 6</li>
<li>Additions: 64 (cumulative commit by commit - 100)</li>
<li>Deletions: 2 (cumulative commit by commit - 40)</li>
<li>Time spent: <b>good 12 hours!!</b> (don't laugh, first time Odoo user here, I've read at least 70 pages of Odoo Essensials book to get required knowledge how to do this + we still didn't have a debugger last week)</li>
</ul>

<b>Usecase of the new feature: </b>We're using GitHub issues as a list of feature requests as well, so you the more detailed description can be found in the link above. It's a crucial feature used by coordinators (warehouse volunteers) daily. Donation boxes don't come one by one but in bulks. Each box gets labeled by unique QR label which leads to form where coordinator fills parameters of items in the box (gender, size, clothes type, items count). Generating these packages (QR codes/labels) in bulk saves ton of time daily! For better understanding, watch the Youtube video linked above :)

<center>![](https://cdn.steemitimages.com/DQmZGsEdZfc74W2YgXdqSy4UrSGfvGhboeG7q9A2FtE4s33/image.png)</center><center><sup>Placement of the feature in the whole workflow for better understanding :)</sup></center>

Ok, I guess GIF makes up for thousand of various workflows and schemes right? Well then, here you go, the process in the old DropApp (Javascript + PHP) which I recreated in Boxwise (Odoo + XML + Python)

<center>![DropApp.gif](https://cdn.steemitimages.com/DQmPuMokJFiJySxnub2sbZxTc3HKtf8ncnHsEZygAVurMRW/DropApp.gif)</center><center><sup>DropApp 1.0</sup></center>

And my implementation in Odoo for Boxwise :) Ohhh I love it :D

<center>![boxwise.gif](https://cdn.steemitimages.com/DQmTuZdE3hVMAdMdpWCvgzS49F3mereFns2DdXAnxM6ey8Z/boxwise.gif)</center><center><sup>Boxwise (DropApp 2.0) - we've agreed that QR codes shouldn't be displayed to the coordinator (he needs to download & print them anyway) but write it down as an issue because it'd require to return 2 actions from server and we don't know how to do it yet :)</sup></center>

## Implementation & Code
#### Step 1: How to register python classes in Odoo
3 minutes into it, I knew I'm screwed. I had no idea where and how to start. Hans has managed to add the "Generate QR labels" option to menu with XML (which I later changed) and then passed it to me. I needed a way how to get input from user back to server side. Googling..googling...and then I've found this <a href="https://drive.google.com/file/d/1jY75tDjeFqJxgOb-JTeh35Pp9IOr4Irt/view">380 pages long PDF</a> :D What a nice weekend ahead of me :) Eventually, I started to make some microsteps..


<pre><code>from . import wizards</code></pre>
<center><sup>Register new folder in odoo root __init__.py</sup></center>


<pre><code>from . import generate_qr_count_wizard </code></pre>
<center><sup>Add __init__.py in new folder and import everything from new class</sup></center>

Till now it all makes sense. Standard python right? But creating the class (so called model) has some specific Odoo rules . It has to inherit from <i>model.Model</i> class or some other submodels..Eventually, my dummy class "Book" was in and I could move on :)

#### Step 2: Get user input, trigger server action & change menu item from Hans 
After I've managed to link my dummy test model (class) to Odoo, it was time to create some real models. User popup (simple alert in Javascript) is called wizard in Odoo. It can be implemented with a class which has to have a <i>TransientModel as a superclass</i>.

<pre><code>class QrGenerateWizard(models.TransientModel):
    _name = 'boxwise_wms.qr.generate.wizard'
    _description = 'Number of QR codes to be generated'
    number = fields.Char(string='Number of labels', required=True, default=0)</code></pre>
<center><sup>Overriding superclass variables is done by underscore, new user-defined variables start with small letters</sup></center>

<sup>Details are in commit #7031f2301d0eab437f33aff54521847a23b67eb5</sup>

#### Step 3: Submit wizard and generate packages
This one was pretty straightforward as I already knew a bit about Odoo wizards at this point. Method annotated by @api.multi with the same name as the wizard button was needed.
<pre><code>< footer>
   < button name="mass_generate" type="object" string="Generate" 
     class="oe_highlight"/>
   < button special="cancel" string="Cancel"/>
< /footer>
</code>
</pre>

<pre><code>
 @api.multi
 def mass_generate(self):
     _logger.debug('Starting batch QR codes generation')
     package_model = self.env['stock.quant.package']
     number_of_packages = int(self.number)
     created_packages = []  
     for _ in range(number_of_packages):
        created_packages.append(package_model.create({}))
</code>
</pre>

<sup>Details are in commit #e03800020918c00dd4bcf0b16c3c6239004fbdee</sup>


#### Step 4: Navigate back to packages tree view
It's little bit counterintuitive (at least for me) but the way navigation from server is done in Odoo is that you basically just return the <i>act_window action</i> with <i>result model</i> set to packages. The same one which is bound to menu item. Return is called from method which generates packages (obviously). <i>If Odoo model method starts with underscore, it's private.</i> It looks like this:

<pre><code>return self._open_packages_list()</code></pre><pre><code>
 @api.model    
 def _open_packages_list(self):
    return {
        'type':'ir.actions.act_window',
        'res_model':'stock.quant.package',
        'view_type':'list',
        'view_mode':'list',
        'target':'current'
     }
 </code></pre>

<sup>Details are in commit #e03800020918c00dd4bcf0b16c3c6239004fbdee</sup>

#### Step 5: Cleanup according to Odoo best practices 
Nothing special here. I've replaced <i>camelCasing to snake_casing</i> which is the good practice in all Odoo modules for common variables.

<sup>Details are in commit #d9adbdfec3f90c340fb340280abfb594488be084</sup>

#### Bonus commit: Removing unneeded table header alignment
This one came pretty handy as I was struggling with Odoo for couple of hours at this point and then I've noticed this completely random right alignment CSS which had nothing to do there :) Boom, delete :) Finally something to commit haha :D
<sup>Details are in commit #0d5ba1dd19009f294aa772214777112f86eb0b34</sup>

<center>![text16.png](https://cdn.steemitimages.com/DQmcvVqhGMbF1KAHTn9Wh8FiRhmpAbiEuAKerVM7ugDnXfX/text16.png)</center>

## Next steps for Boxwise team
<ol>
<li><b>Continue implementing</b> basic DropApp functionality into Boxwise for the next 2 weeks</li>
<li>In two weeks, Hans and James are flying over to Athens to <b>test our first version</b> in local warehouse in Pampiraiki</li>
<li><b>Month of development</b></li>
<li><b>Flying back to Greece</b> from 3rd to 8th April and hopefully implement Boxwise in one of Drop in the Ocean camps. I'm flying this time as well :) </li>
</ol>

#### GitHub Account
https://github.com/DurkoMatko