add proprtype

after a few try, I think it can work this way :

 * everything is in one store: xoApi, session, even component states. try to use boolean when possible to simplify usage in components
 * components states should rarely be used : let components be stateless, a pure function of their props
 * use connect on high level component to give them access to part of the store and the actions. A component should not have access to the full store and action.
 * use event to get data back from child components ( if they can't dispatch action themselves)
 * redux-thunk allow to dispatch multiple action in cascade (even async one) , like want to save->saving ->saved (or errored)
 * use imutable object, this will allow faster performance in the long run

.babelrc

@@ -0,0 +1,12 @@
+{
+  "comments": false,
+  "compact": true,
+  "plugins": [
+    "transform-runtime"
+  ],
+  "presets": [
+    "es2015",
+    "stage-0",
+    "react"
+  ]
+}

.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "dist/bower_components"
+}

.gitignore

@@ -1,9 +1,9 @@
+/.nyc_output/
+/bower_components/
 /dist/
-/node_modules/
-/src/common/intl/locales/index.js
-/src/common/themes/index.js
 
 npm-debug.log
 npm-debug.log.*
-pnpm-debug.log
-pnpm-debug.log.*
+
+!node_modules/*
+node_modules/*/

.mocha.js

@@ -0,0 +1,5 @@
+Error.stackTraceLimit = 100
+
+try { require('trace') } catch (_) {}
+try { require('clarify') } catch (_) {}
+try { require('source-map-support/register') } catch (_) {}

.mocha.opts

@@ -0,0 +1 @@
+--require ./.mocha.js

.travis.yml

@@ -1,10 +1,9 @@
 language: node_js
 node_js:
-  - '6'
-  #- '4' # npm 3's flat tree is needed because some packages do not
-         # declare their deps correctly (e.g. chartist-plugin-tooltip)
-
-cache: yarn
+  - 'stable'
+  - '4'
+  - '0.12'
+  - '0.10'
 
 # Use containers.
 # http://docs.travis-ci.com/user/workers/container-based-infrastructure/

CHANGELOG.md

@@ -1,720 +1,5 @@
 # ChangeLog
 
-## **5.7.0** (2017-03-31)
-
-### Enhancements
-
-- Improve ActionButton error reporting [\#2048](https://github.com/vatesfr/xo-web/issues/2048)
-- Home view master checkbox UI issue [\#2027](https://github.com/vatesfr/xo-web/issues/2027)
-- HU Translation [\#2019](https://github.com/vatesfr/xo-web/issues/2019)
-- [Usage report] Add name for all objects [\#2017](https://github.com/vatesfr/xo-web/issues/2017)
-- [Home] Improve inter-types linkage [\#2012](https://github.com/vatesfr/xo-web/issues/2012)
-- Remove bootable checkboxes in VM creation [\#2007](https://github.com/vatesfr/xo-web/issues/2007)
-- Do not display bootable toggles for disks of non-PV VMs [\#1996](https://github.com/vatesfr/xo-web/issues/1996)
-- Try to match network VLAN for VM migration modal [\#1990](https://github.com/vatesfr/xo-web/issues/1990)
-- [Usage reports] Add VM names in addition to UUIDs [\#1984](https://github.com/vatesfr/xo-web/issues/1984)
-- Host affinity in "advanced" VM creation [\#1983](https://github.com/vatesfr/xo-web/issues/1983)
-- Add job tag in backup logs [\#1982](https://github.com/vatesfr/xo-web/issues/1982)
-- Possibility to add a label/description to servers [\#1965](https://github.com/vatesfr/xo-web/issues/1965)
-- Possibility to create shared VM in a resource set [\#1964](https://github.com/vatesfr/xo-web/issues/1964)
-- Clearer display of disabled (backup) jobs [\#1958](https://github.com/vatesfr/xo-web/issues/1958)
-- Job should have a configurable timeout [\#1956](https://github.com/vatesfr/xo-web/issues/1956)
-- Sort failed VMs in backup report [\#1950](https://github.com/vatesfr/xo-web/issues/1950)
-- Support for UNIX socket path [\#1944](https://github.com/vatesfr/xo-web/issues/1944)
-- Interface - Host Patching - Button Verbiage [\#1911](https://github.com/vatesfr/xo-web/issues/1911)
-- Display if a VM is in Self Service (and which group) [\#1905](https://github.com/vatesfr/xo-web/issues/1905)
-- Install supplemental pack on a whole pool [\#1896](https://github.com/vatesfr/xo-web/issues/1896)
-- Allow VM snapshots with ACLs [\#1865](https://github.com/vatesfr/xo-web/issues/1886)
-- Icon to indicate if a snapshot is quiesce [\#1858](https://github.com/vatesfr/xo-web/issues/1858)
-- Pool Ips input too permissive [\#1731](https://github.com/vatesfr/xo-web/issues/1731)
-- Select is going on top after each choice [\#1359](https://github.com/vatesfr/xo-web/issues/1359)
-
-### Bug fixes
-
-- Missing objects should be displayed in backup edition [\#2052](https://github.com/vatesfr/xo-web/issues/2052)
-- Search bar content changes while typing [\#2035](https://github.com/vatesfr/xo-web/issues/2035)
-- VM.$guest_metrics.PV_drivers_up_to_date is deprecated in XS 7.1 [\#2024](https://github.com/vatesfr/xo-web/issues/2024)
-- Bootable flag selection checkbox for extra disk not fetched [\#1994](https://github.com/vatesfr/xo-web/issues/1994)
-- Home view − Changing type must reset paging [\#1993](https://github.com/vatesfr/xo-web/issues/1993)
-- XOSAN menu item should only be displayed to admins [\#1968](https://github.com/vatesfr/xo-web/issues/1968)
-- Object type change are not correctly handled in UI [\#1967](https://github.com/vatesfr/xo-web/issues/1967)
-- VM creation is stuck when using ISO/DVD as install method [\#1966](https://github.com/vatesfr/xo-web/issues/1966)
-- Install pack on whole pool fails [\#1957](https://github.com/vatesfr/xo-web/issues/1957)
-- Consoles are broken in next-release [\#1954](https://github.com/vatesfr/xo-web/issues/1954)
-- [VHD merge] Increase BAT when necessary [\#1939](https://github.com/vatesfr/xo-web/issues/1939)
-- Issue on VM restore time [\#1936](https://github.com/vatesfr/xo-web/issues/1936)
-- Two remotes should not be able to have the same name [\#1879](https://github.com/vatesfr/xo-web/issues/1879)
-- Selfservice limits not honored after VM creation [\#1695](https://github.com/vatesfr/xo-web/issues/1695)
-
-## **5.6.0** (2017-01-27)
-
-Reporting, LVM File level restore.
-
-### Enhancements
-
-- Do not stop patches install if already applied [\#1904](https://github.com/vatesfr/xo-web/issues/1904)
-- Improve scheduling UI [\#1893](https://github.com/vatesfr/xo-web/issues/1893)
-- Smart backup and tag [\#1885](https://github.com/vatesfr/xo-web/issues/1885)
-- Missing embeded API documention [\#1882](https://github.com/vatesfr/xo-web/issues/1882)
-- Add local DVD in CD selector [\#1880](https://github.com/vatesfr/xo-web/issues/1880)
-- File level restore for LVM [\#1878](https://github.com/vatesfr/xo-web/issues/1878)
-- Restore multiple files from file level restore [\#1877](https://github.com/vatesfr/xo-web/issues/1877)
-- Add a VM tab for host & pool views [\#1864](https://github.com/vatesfr/xo-web/issues/1864)
-- Icon to indicate if a snapshot is quiesce [\#1858](https://github.com/vatesfr/xo-web/issues/1858)
-- UI for disconnect hosts comp [\#1833](https://github.com/vatesfr/xo-web/issues/1833)
-- Eject all xs-guest.iso in a pool [\#1798](https://github.com/vatesfr/xo-web/issues/1798)
-- Display installed supplemental pack on host [\#1506](https://github.com/vatesfr/xo-web/issues/1506)
-- Install supplemental pack on host comp [\#1460](https://github.com/vatesfr/xo-web/issues/1460)
-- Pool-wide combined stats [\#1324](https://github.com/vatesfr/xo-web/issues/1324)
-
-### Bug fixes
-
-- IP-address not released when VM removed [\#1906](https://github.com/vatesfr/xo-web/issues/1906)
-- Interface broken due to new Bootstrap Alpha [\#1871](https://github.com/vatesfr/xo-web/issues/1871)
-- Self service recompute all limits broken [\#1866](https://github.com/vatesfr/xo-web/issues/1866)
-- Patch not found error for XS 6.5 [\#1863](https://github.com/vatesfr/xo-web/issues/1863)
-- Convert To Template issues [\#1855](https://github.com/vatesfr/xo-web/issues/1855)
-- Removing PIF seems to fail [\#1853](https://github.com/vatesfr/xo-web/issues/1853)
-- Depth should be >= 1 in backup creation [\#1851](https://github.com/vatesfr/xo-web/issues/1851)
-- Wrong link in Dashboard > Health [\#1850](https://github.com/vatesfr/xo-web/issues/1850)
-- Incorrect file dates shown in new File Restore feature [\#1840](https://github.com/vatesfr/xo-web/issues/1840)
-- IP allocation problem [\#1747](https://github.com/vatesfr/xo-web/issues/1747)
-- Selfservice limits not honored after VM creation [\#1695](https://github.com/vatesfr/xo-web/issues/1695)
-
-## **5.5.0** (2016-12-20)
-
-File level restore.
-
-### Enhancements
-
-- Better auto select network when migrate VM [\#1788](https://github.com/vatesfr/xo-web/issues/1788)
-- Plugin for passive backup job reporting in Nagios [\#1664](https://github.com/vatesfr/xo-web/issues/1664)
-- File level restore for delta backup [\#1590](https://github.com/vatesfr/xo-web/issues/1590)
-- Better select filters for ACLs [\#1515](https://github.com/vatesfr/xo-web/issues/1515)
-- All pools and "negative" filters [\#1503](https://github.com/vatesfr/xo-web/issues/1503)
-- VM copy with disk selection [\#826](https://github.com/vatesfr/xo-web/issues/826)
-- Disable metadata exports [\#1818](https://github.com/vatesfr/xo-web/issues/1818)
-
-### Bug fixes
-
-- Tool small selector [\#1832](https://github.com/vatesfr/xo-web/issues/1832)
-- Replication does not work from a VM created by a CR or delta backup [\#1811](https://github.com/vatesfr/xo-web/issues/1811)
-- Can't add a SSH key in VM creation [\#1805](https://github.com/vatesfr/xo-web/issues/1805)
-- Issue when no default SR in a pool [\#1804](https://github.com/vatesfr/xo-web/issues/1804)
-- XOA doesn't refresh after an update anymore [\#1801](https://github.com/vatesfr/xo-web/issues/1801)
-- Shortcuts not inhibited on inputs on Safari [\#1691](https://github.com/vatesfr/xo-web/issues/1691)
-
-## **5.4.0** (2016-11-23)
-
-### Enhancements
-
-- XML display in alerts [\#1776](https://github.com/vatesfr/xo-web/issues/1776)
-- Remove some view for non admin users [\#1773](https://github.com/vatesfr/xo-web/issues/1773)
-- Complex matcher should support matching boolean values [\#1768](https://github.com/vatesfr/xo-web/issues/1768)
-- Home SR view [\#1764](https://github.com/vatesfr/xo-web/issues/1764)
-- Filter on tag click [\#1763](https://github.com/vatesfr/xo-web/issues/1763)
-- Testable plugins [\#1749](https://github.com/vatesfr/xo-web/issues/1749)
-- Backup/Restore Design fix. [\#1734](https://github.com/vatesfr/xo-web/issues/1734)
-- Display the owner of a \(backup\) job [\#1733](https://github.com/vatesfr/xo-web/issues/1733)
-- Use paginated table for backup jobs [\#1726](https://github.com/vatesfr/xo-web/issues/1726)
-- SR view / Disks: should display snapshot VDIs [\#1723](https://github.com/vatesfr/xo-web/issues/1723)
-- Restored VM should have an identifiable name [\#1719](https://github.com/vatesfr/xo-web/issues/1719)
-- If host reboot action returns NO\_HOSTS\_AVAILABLE, ask to force [\#1717](https://github.com/vatesfr/xo-web/issues/1717)
-- Hide xo-server timezone in backups [\#1706](https://github.com/vatesfr/xo-web/issues/1706)
-- Enable hyperlink for Hostname for Issues [\#1700](https://github.com/vatesfr/xo-web/issues/1700)
-- Pool/network - Modify column [\#1696](https://github.com/vatesfr/xo-web/issues/1696)
-- UI - Plugins - Display a message if no plugins [\#1670](https://github.com/vatesfr/xo-web/issues/1670)
-- Display warning/error for delta backup on XS older than 6.5 [\#1647](https://github.com/vatesfr/xo-web/issues/1647)
-- XO without internet access doesn't work [\#1629](https://github.com/vatesfr/xo-web/issues/1629)
-- Improve backup restore view [\#1609](https://github.com/vatesfr/xo-web/issues/1609)
-- UI Enhancement - Acronym for dummy [\#1604](https://github.com/vatesfr/xo-web/issues/1604)
-- Slack XO plugin for backup report [\#1593](https://github.com/vatesfr/xo-web/issues/1593)
-- Expose XAPI exceptions in the UI [\#1481](https://github.com/vatesfr/xo-web/issues/1481)
-- Running VMs in the host overview, all VMs in the pool overview [\#1432](https://github.com/vatesfr/xo-web/issues/1432)
-- Move location of NFS mount point [\#1405](https://github.com/vatesfr/xo-web/issues/1405)
-- Home: Pool list - additionnal informations for pool [\#1226](https://github.com/vatesfr/xo-web/issues/1226)
-- Modify VLAN of an existing network [\#1092](https://github.com/vatesfr/xo-web/issues/1092)
-- Wrong instructions for CLI upgrade [\#787](https://github.com/vatesfr/xo-web/issues/787)
-- Ability to export/import XO config [\#786](https://github.com/vatesfr/xo-web/issues/786)
-- Test button for transport-email plugin [\#697](https://github.com/vatesfr/xo-web/issues/697)
-- Merge `scheduler` API into `schedule` [\#664](https://github.com/vatesfr/xo-web/issues/664)
-
-### Bug fixes
-
-- Should jobs be accessible to non admins? [\#1759](https://github.com/vatesfr/xo-web/issues/1759)
-- Schedules deletion is not working [\#1737](https://github.com/vatesfr/xo-web/issues/1737)
-- Editing a job from the jobs overview page does not work  [\#1736](https://github.com/vatesfr/xo-web/issues/1736)
-- Editing a schedule from jobs overview does not work  [\#1728](https://github.com/vatesfr/xo-web/issues/1728)
-- ACLs not correctly imported [\#1722](https://github.com/vatesfr/xo-web/issues/1722)
-- Some Bootstrap style broken [\#1721](https://github.com/vatesfr/xo-web/issues/1721)
-- Not properly sign out on auth token expiration [\#1711](https://github.com/vatesfr/xo-web/issues/1711)
-- Hosts/<UUID>/network status is incorrect [\#1702](https://github.com/vatesfr/xo-web/issues/1702)
-- Patches application fails "Found : Moved Temporarily" [\#1701](https://github.com/vatesfr/xo-web/issues/1701)
-- Password generation for user creation is not working [\#1678](https://github.com/vatesfr/xo-web/issues/1678)
-- \#/dashboard/health Remove All Orphaned VDIs  [\#1622](https://github.com/vatesfr/xo-web/issues/1622)
-- Create a new SR - CIFS/SAMBA Broken [\#1615](https://github.com/vatesfr/xo-web/issues/1615)
-- xo-cli --list-objects: truncated output ? 64k buffer limitation ? [\#1356](https://github.com/vatesfr/xo-web/issues/1356)
-
-## **5.3.0** (2016-10-20)
-
-### Enhancements
-
-- Missing favicon [\#1660](https://github.com/vatesfr/xo-web/issues/1660)
-- ipPools quota [\#1565](https://github.com/vatesfr/xo-web/issues/1565)
-- Dashboard - orphaned VDI [\#1654](https://github.com/vatesfr/xo-web/issues/1654)
-- Stats in home/host view when expanded [\#1634](https://github.com/vatesfr/xo-web/issues/1634)
-- Bar for used and total RAM on home pool view [\#1625](https://github.com/vatesfr/xo-web/issues/1625)
-- Can't translate some text [\#1624](https://github.com/vatesfr/xo-web/issues/1624)
-- Dynamic RAM allocation at creation time [\#1603](https://github.com/vatesfr/xo-web/issues/1603)
-- Display memory bar in home/host view [\#1616](https://github.com/vatesfr/xo-web/issues/1616)
-- Improve keyboard navigation [\#1578](https://github.com/vatesfr/xo-web/issues/1578)
-- Strongly suggest to install the guest tools [\#1575](https://github.com/vatesfr/xo-web/issues/1575)
-- Missing tooltip [\#1568](https://github.com/vatesfr/xo-web/issues/1568)
-- Emphasize already used ips in ipPools [\#1566](https://github.com/vatesfr/xo-web/issues/1566)
-- Change "missing feature message" for non-admins [\#1564](https://github.com/vatesfr/xo-web/issues/1564)
-- Allow VIF edition [\#1446](https://github.com/vatesfr/xo-web/issues/1446)
-- Disable browser autocomplete on credentials on the Update page [\#1304](https://github.com/vatesfr/xo-web/issues/1304)
-- keyboard shortcuts [\#1279](https://github.com/vatesfr/xo-web/issues/1279)
-- Add network bond creation [\#876](https://github.com/vatesfr/xo-web/issues/876)
-- `pool.setDefaultSr\(\)` should not require `pool` param [\#1558](https://github.com/vatesfr/xo-web/issues/1558)
-- Select default SR [\#1554](https://github.com/vatesfr/xo-web/issues/1554)
-- No error message when I exceed my resource set quota [\#1541](https://github.com/vatesfr/xo-web/issues/1541)
-- Hide some buttons for self service VMs [\#1539](https://github.com/vatesfr/xo-web/issues/1539)
-- Add Job ID to backup schedules [\#1534](https://github.com/vatesfr/xo-web/issues/1534)
-- Correct name for VM selector with templates [\#1530](https://github.com/vatesfr/xo-web/issues/1530)
-- Help text when no matches for a filter [\#1517](https://github.com/vatesfr/xo-web/issues/1517)
-- Icon or tooltip to allow VDI migration in VM disk view [\#1512](https://github.com/vatesfr/xo-web/issues/1512)
-- Create a snapshot before restoring one [\#1445](https://github.com/vatesfr/xo-web/issues/1445)
-- Auto power on setting at creation time [\#1444](https://github.com/vatesfr/xo-web/issues/1444)
-- local remotes should be avoided if possible [\#1441](https://github.com/vatesfr/xo-web/issues/1441)
-- Self service edition unclear [\#1429](https://github.com/vatesfr/xo-web/issues/1429)
-- Avoid "\_" char in job tag name [\#1414](https://github.com/vatesfr/xo-web/issues/1414)
-- Display message if host reboot needed to apply patches [\#1352](https://github.com/vatesfr/xo-web/issues/1352)
-- Color code on host PIF stats can be misleading [\#1265](https://github.com/vatesfr/xo-web/issues/1265)
-- Sign in page is not rendered correctly [\#1161](https://github.com/vatesfr/xo-web/issues/1161)
-- Template management [\#1091](https://github.com/vatesfr/xo-web/issues/1091)
-- On pool view: collapse network list [\#1461](https://github.com/vatesfr/xo-web/issues/1461)
-- Alert when trying to reboot/halt the pool master XS [\#1458](https://github.com/vatesfr/xo-web/issues/1458)
-- Adding tooltip on Home page [\#1456](https://github.com/vatesfr/xo-web/issues/1456)
-- Docker container management functionality missing from v5 [\#1442](https://github.com/vatesfr/xo-web/issues/1442)
-- bad error message - delete snapshot [\#1433](https://github.com/vatesfr/xo-web/issues/1433)
-- Create tag during VM creation [\#1431](https://github.com/vatesfr/xo-web/issues/1431)
-
-### Bug fixes
-
-- Display issues on plugin array edition [\#1663](https://github.com/vatesfr/xo-web/issues/1663)
-- Import of delta backups fails [\#1656](https://github.com/vatesfr/xo-web/issues/1656)
-- Host - Missing IP config for PIF [\#1651](https://github.com/vatesfr/xo-web/issues/1651)
-- Remote copy is always activating compression [\#1645](https://github.com/vatesfr/xo-web/issues/1645)
-- LB plugin UI problems [\#1630](https://github.com/vatesfr/xo-web/issues/1630)
-- Keyboard shortcuts should not work when a modal is open [\#1589](https://github.com/vatesfr/xo-web/issues/1589)
-- UI small bug in drop-down lists [\#1411](https://github.com/vatesfr/xo-web/issues/1411)
-- md5 delta backup error [\#1672](https://github.com/vatesfr/xo-web/issues/1672)
-- Can't edit VIF network [\#1640](https://github.com/vatesfr/xo-web/issues/1640)
-- Do not expose shortcuts while console is focused [\#1614](https://github.com/vatesfr/xo-web/issues/1614)
-- All users can see VM templates [\#1621](https://github.com/vatesfr/xo-web/issues/1621)
-- Profile page is broken [\#1612](https://github.com/vatesfr/xo-web/issues/1612)
-- SR delete should redirect to home [\#1611](https://github.com/vatesfr/xo-web/issues/1611)
-- Delta VHD backup checksum is invalidated by chaining [\#1606](https://github.com/vatesfr/xo-web/issues/1606)
-- VM with long description break on 2 lines [\#1580](https://github.com/vatesfr/xo-web/issues/1580)
-- Network status on VM edition [\#1573](https://github.com/vatesfr/xo-web/issues/1573)
-- VM template deletion fails [\#1571](https://github.com/vatesfr/xo-web/issues/1571)
-- Template edition - "no such object" [\#1569](https://github.com/vatesfr/xo-web/issues/1569)
-- missing links / element not displayed as links [\#1567](https://github.com/vatesfr/xo-web/issues/1567)
-- Backup restore stalled on some SMB shares [\#1412](https://github.com/vatesfr/xo-web/issues/1412)
-- Wrong bond display [\#1156](https://github.com/vatesfr/xo-web/issues/1156)
-- Multiple reboot selection doesn't work [\#1562](https://github.com/vatesfr/xo-web/issues/1562)
-- Server logs should be displayed in reverse chonological order [\#1547](https://github.com/vatesfr/xo-web/issues/1547)
-- Cannot create resource sets without limits [\#1537](https://github.com/vatesfr/xo-web/issues/1537)
-- UI - Weird display when editing long VM desc [\#1528](https://github.com/vatesfr/xo-web/issues/1528)
-- Useless iso selector in host console [\#1527](https://github.com/vatesfr/xo-web/issues/1527)
-- Pool and Host dummy welcome message [\#1519](https://github.com/vatesfr/xo-web/issues/1519)
-- Bug on Network VM tab [\#1518](https://github.com/vatesfr/xo-web/issues/1518)
-- Link to home with filter in query does not work [\#1513](https://github.com/vatesfr/xo-web/issues/1513)
-- VHD merge fails with "RangeError: index out of range" on SMB remote [\#1511](https://github.com/vatesfr/xo-web/issues/1511)
-- DR: previous VDIs are not removed [\#1510](https://github.com/vatesfr/xo-web/issues/1510)
-- DR: previous copies not removed when same number as depth [\#1509](https://github.com/vatesfr/xo-web/issues/1509)
-- Empty Saved Search doesn't load when set to default filter [\#1354](https://github.com/vatesfr/xo-web/issues/1354)
-- Removing a user/group should delete its ACLs [\#899](https://github.com/vatesfr/xo-web/issues/899)
-- OVA Import - XO stuck during import [\#1551](https://github.com/vatesfr/xo-web/issues/1551)
-- SMB remote empty domain fails [\#1499](https://github.com/vatesfr/xo-web/issues/1499)
-- Can't edit a remote password [\#1498](https://github.com/vatesfr/xo-web/issues/1498)
-- Issue in VM create with CoreOS [\#1493](https://github.com/vatesfr/xo-web/issues/1493)
-- Overlapping months in backup view [\#1488](https://github.com/vatesfr/xo-web/issues/1488)
-- No line break for SSH key in user view [\#1475](https://github.com/vatesfr/xo-web/issues/1475)
-- Create VIF UI issues [\#1472](https://github.com/vatesfr/xo-web/issues/1472)
-
-## **5.2.0** (2016-09-09)
-
-### Enhancements
-
-- IP management [\#1350](https://github.com/vatesfr/xo-web/issues/1350), [\#988](https://github.com/vatesfr/xo-web/issues/988), [\#1427](https://github.com/vatesfr/xo-web/issues/1427) and [\#240](https://github.com/vatesfr/xo-web/issues/240)
-- Update reverse proxy example [\#1474](https://github.com/vatesfr/xo-web/issues/1474)
-- Improve log view [\#1467](https://github.com/vatesfr/xo-web/issues/1467)
-- Backup Reports: e-mail subject [\#1463](https://github.com/vatesfr/xo-web/issues/1463)
-- Backup Reports: report the error [\#1462](https://github.com/vatesfr/xo-web/issues/1462)
-- Vif selector: select management network by default [\#1425](https://github.com/vatesfr/xo-web/issues/1425)
-- Display when browser disconnected to server [\#1417](https://github.com/vatesfr/xo-web/issues/1417)
-- Tooltip on OS icon in VM view [\#1416](https://github.com/vatesfr/xo-web/issues/1416)
-- Display pool master [\#1407](https://github.com/vatesfr/xo-web/issues/1407)
-- Missing tooltips in VM creation view [\#1402](https://github.com/vatesfr/xo-web/issues/1402)
-- Handle VDB disconnect and connect [\#1397](https://github.com/vatesfr/xo-web/issues/1397)
-- Eject host from a pool [\#1395](https://github.com/vatesfr/xo-web/issues/1395)
-- Improve pool general view [\#1393](https://github.com/vatesfr/xo-web/issues/1393)
-- Improve patching system [\#1392](https://github.com/vatesfr/xo-web/issues/1392)
-- Pool name modification [\#1390](https://github.com/vatesfr/xo-web/issues/1390)
-- Confirmation dialog before destroying VDIs [\#1388](https://github.com/vatesfr/xo-web/issues/1388)
-- Tooltips for meter object [\#1387](https://github.com/vatesfr/xo-web/issues/1387)
-- New Host assistant [\#1374](https://github.com/vatesfr/xo-web/issues/1374)
-- New VM assistant [\#1373](https://github.com/vatesfr/xo-web/issues/1373)
-- New SR assistant [\#1372](https://github.com/vatesfr/xo-web/issues/1372)
-- Direct access to VDI listing from dashboard's SR usage breakdown [\#1371](https://github.com/vatesfr/xo-web/issues/1371)
-- Can't set a network name at pool level [\#1368](https://github.com/vatesfr/xo-web/issues/1368)
-- Change a few mouse over descriptions [\#1363](https://github.com/vatesfr/xo-web/issues/1363)
-- Hide network install in VM create if template is HVM [\#1362](https://github.com/vatesfr/xo-web/issues/1362)
-- SR space left during VM creation [\#1358](https://github.com/vatesfr/xo-web/issues/1358)
-- Add destination SR on migration modal in VM view [\#1357](https://github.com/vatesfr/xo-web/issues/1357)
-- Ability to create a new VM from a snapshot [\#1353](https://github.com/vatesfr/xo-web/issues/1353)
-- Missing explanation/confirmation on Snapshot Page [\#1349](https://github.com/vatesfr/xo-web/issues/1349)
-- Log view: expose API errors in the web UI [\#1344](https://github.com/vatesfr/xo-web/issues/1344)
-- Registration on update page [\#1341](https://github.com/vatesfr/xo-web/issues/1341)
-- Add export snapshot button [\#1336](https://github.com/vatesfr/xo-web/issues/1336)
-- Use saved SSH keys in VM create CloudConfig [\#1319](https://github.com/vatesfr/xo-web/issues/1319)
-- Collapse header in console view [\#1268](https://github.com/vatesfr/xo-web/issues/1268)
-- Two max concurrent jobs in parallel [\#915](https://github.com/vatesfr/xo-web/issues/915)
-- Handle OVA import via the web UI [\#709](https://github.com/vatesfr/xo-web/issues/709)
-
-### Bug fixes
-
-- Bug on VM console when header is hidden [\#1485](https://github.com/vatesfr/xo-web/issues/1485)
-- Disks not removed when deleting multiple VMs [\#1484](https://github.com/vatesfr/xo-web/issues/1484)
-- Do not display VDI disconnect button when a VM is not running [\#1470](https://github.com/vatesfr/xo-web/issues/1470)
-- Do not display VIF disconnect button when a VM is not running [\#1468](https://github.com/vatesfr/xo-web/issues/1468)
-- Error on migration if no default SR \(even when not used\) [\#1466](https://github.com/vatesfr/xo-web/issues/1466)
-- DR issue while rotating old backup [\#1464](https://github.com/vatesfr/xo-web/issues/1464)
-- Giving resource set to end-user ends with error [\#1448](https://github.com/vatesfr/xo-web/issues/1448)
-- Error thrown when cancelling out of Delete User confirmation dialog [\#1439](https://github.com/vatesfr/xo-web/issues/1439)
-- Wrong month label shown in Backup and Job scheduler [\#1438](https://github.com/vatesfr/xo-web/issues/1438)
-- Bug on Self service creation/edition [\#1428](https://github.com/vatesfr/xo-web/issues/1428)
-- ISO selection during VM create is not mounted after [\#1415](https://github.com/vatesfr/xo-web/issues/1415)
-- Hosts general view: bad link for storage [\#1408](https://github.com/vatesfr/xo-web/issues/1408)
-- Backup Schedule - "Month" and "Day of Week" display error [\#1404](https://github.com/vatesfr/xo-web/issues/1404)
-- Migrate dialog doesn't present all available VIF's in new UI interface [\#1403](https://github.com/vatesfr/xo-web/issues/1403)
-- NFS mount issues [\#1396](https://github.com/vatesfr/xo-web/issues/1396)
-- Select component color [\#1391](https://github.com/vatesfr/xo-web/issues/1391)
-- SR created with local path shouldn't be shared [\#1389](https://github.com/vatesfr/xo-web/issues/1389)
-- Disks (VBD) are attached to VM in RO mode instead of RW even if RO is unchecked [\#1386](https://github.com/vatesfr/xo-web/issues/1386)
-- Re-connection issues between server and XS hosts [\#1384](https://github.com/vatesfr/xo-web/issues/1384)
-- Meter object style with Chrome 52 [\#1383](https://github.com/vatesfr/xo-web/issues/1383)
-- Editing a rolling snapshot job seems to fail [\#1376](https://github.com/vatesfr/xo-web/issues/1376)
-- Dashboard SR usage and total inverted [\#1370](https://github.com/vatesfr/xo-web/issues/1370)
-- XenServer connection issue with host while using VGPUs [\#1369](https://github.com/vatesfr/xo-web/issues/1369)
-- Job created with v4 are not correctly displayed in v5 [\#1366](https://github.com/vatesfr/xo-web/issues/1366)
-- CPU accounting in resource set [\#1365](https://github.com/vatesfr/xo-web/issues/1365)
-- Tooltip stay displayed when a button change state [\#1360](https://github.com/vatesfr/xo-web/issues/1360)
-- Failure on host reboot [\#1351](https://github.com/vatesfr/xo-web/issues/1351)
-- Editing Backup Jobs Without Compression, Slider Always Set To On [\#1339](https://github.com/vatesfr/xo-web/issues/1339)
-- Month Selection on Backup Screen Wrong [\#1338](https://github.com/vatesfr/xo-web/issues/1338)
-- Delta backup fail when removed VDIs [\#1333](https://github.com/vatesfr/xo-web/issues/1333)
-
-## **5.1.0** (2016-07-26)
-
-### Enhancements
-
-- Improve backups timezone UI [\#1314](https://github.com/vatesfr/xo-web/issues/1314)
-- HOME view submenus [\#1306](https://github.com/vatesfr/xo-web/issues/1306)
-- Ability for a user to save SSH keys [\#1299](https://github.com/vatesfr/xo-web/issues/1299)
-- \[ACLs\] Ability to select all hosts/VMs [\#1296](https://github.com/vatesfr/xo-web/issues/1296)
-- Improve scheduling UI [\#1295](https://github.com/vatesfr/xo-web/issues/1295)
-- Plugins: Predefined configurations [\#1289](https://github.com/vatesfr/xo-web/issues/1289)
-- Button to recompute resource sets limits [\#1287](https://github.com/vatesfr/xo-web/issues/1287)
-- Credit scheduler CAP and weight configuration [\#1283](https://github.com/vatesfr/xo-web/issues/1283)
-- Migration form problem on the /v5/vms/\_\_UUID\_\_ page when doing xenmotion inside a pool [\#1254](https://github.com/vatesfr/xo-web/issues/1254)
-- /v5/\#/pools/\_\_UUID\_\_: patch table improvement  [\#1246](https://github.com/vatesfr/xo-web/issues/1246)
-- /v5/\#/hosts/\_\_UUID\_\_: patch list improvements ? [\#1245](https://github.com/vatesfr/xo-web/issues/1245)
-- F\*cking patches, how do they work? [\#1236](https://github.com/vatesfr/xo-web/issues/1236)
-- Change Default Filter [\#1235](https://github.com/vatesfr/xo-web/issues/1235)
-- Add a property on jobs to know their state [\#1232](https://github.com/vatesfr/xo-web/issues/1232)
-- Spanish translation [\#1231](https://github.com/vatesfr/xo-web/issues/1231)
-- Home: "Filter" input and keyboard focus [\#1228](https://github.com/vatesfr/xo-web/issues/1228)
-- Display xenserver version [\#1225](https://github.com/vatesfr/xo-web/issues/1225)
-- Plugin config: presets & defaults [\#1222](https://github.com/vatesfr/xo-web/issues/1222)
-- Allow halted VM migration [\#1216](https://github.com/vatesfr/xo-web/issues/1216)
-- Missing confirm dialog on critical button [\#1211](https://github.com/vatesfr/xo-web/issues/1211)
-- Backup logs are not sortable [\#1196](https://github.com/vatesfr/xo-web/issues/1196)
-- Page title with the name of current object [\#1185](https://github.com/vatesfr/xo-web/issues/1185)
-- Existing VIF management [\#1176](https://github.com/vatesfr/xo-web/issues/1176)
-- Do not display fast clone option is there isn't template disks [\#1172](https://github.com/vatesfr/xo-web/issues/1172)
-- UI issue when adding a user [\#1159](https://github.com/vatesfr/xo-web/issues/1159)
-- Combined values on stats [\#1158](https://github.com/vatesfr/xo-web/issues/1158)
-- Parallel coordinates graph [\#1157](https://github.com/vatesfr/xo-web/issues/1157)
-- VM creation on self-service as user [\#1155](https://github.com/vatesfr/xo-web/issues/1155)
-- VM copy bulk action on home view [\#1154](https://github.com/vatesfr/xo-web/issues/1154)
-- Better VDI map [\#1151](https://github.com/vatesfr/xo-web/issues/1151)
-- Missing tooltips on buttons [\#1150](https://github.com/vatesfr/xo-web/issues/1150)
-- Patching from pool view [\#1149](https://github.com/vatesfr/xo-web/issues/1149)
-- Missing patches in dashboard [\#1148](https://github.com/vatesfr/xo-web/issues/1148)
-- Improve tasks view [\#1147](https://github.com/vatesfr/xo-web/issues/1147)
-- Home bulk VM migration [\#1146](https://github.com/vatesfr/xo-web/issues/1146)
-- LDAP plugin clear password field [\#1145](https://github.com/vatesfr/xo-web/issues/1145)
-- Cron default behavior [\#1144](https://github.com/vatesfr/xo-web/issues/1144)
-- Modal for migrate on home [\#1143](https://github.com/vatesfr/xo-web/issues/1143)
-- /v5/\#/srs/\_\_UUID\_\_: UI improvements [\#1142](https://github.com/vatesfr/xo-web/issues/1142)
-- /v5/\#/pools/: some name should be links [\#1141](https://github.com/vatesfr/xo-web/issues/1141)
-- create the page /v5/\#/pools/ [\#1140](https://github.com/vatesfr/xo-web/issues/1140)
-- Dashboard: add links to different part of XOA [\#1139](https://github.com/vatesfr/xo-web/issues/1139)
-- /v5/\#/dashboard/overview: add link on the "Top 5 SR Usage" graph [\#1135](https://github.com/vatesfr/xo-web/issues/1135)
-- /v5/\#/backup/overview: display the error when there is one returned by xenserver on failed job. [\#1134](https://github.com/vatesfr/xo-web/issues/1134)
-- /v5/: add an option to set the number of element displayed in tables [\#1133](https://github.com/vatesfr/xo-web/issues/1133)
-- Updater refresh page after update [\#1131](https://github.com/vatesfr/xo-web/issues/1131)
-- /v5/\#/settings/plugins [\#1130](https://github.com/vatesfr/xo-web/issues/1130)
-- /v5/\#/new/sr: layout issue [\#1129](https://github.com/vatesfr/xo-web/issues/1129)
-- v5 /v5/\#/vms/new: layout issue [\#1128](https://github.com/vatesfr/xo-web/issues/1128)
-- v5 user page missing style [\#1127](https://github.com/vatesfr/xo-web/issues/1127)
-- Remote helper/tester [\#1075](https://github.com/vatesfr/xo-web/issues/1075)
-- Generate uiSchema from custom schema properties [\#951](https://github.com/vatesfr/xo-web/issues/951)
-- Customizing VM names generation during batch creation [\#949](https://github.com/vatesfr/xo-web/issues/949)
-
-### Bug fixes
-
-- Plugins: Don't use `default` attributes in presets list [\#1288](https://github.com/vatesfr/xo-web/issues/1288)
-- CPU weight must be an integer [\#1286](https://github.com/vatesfr/xo-web/issues/1286)
-- Overview of self service is always empty [\#1282](https://github.com/vatesfr/xo-web/issues/1282)
-- SR attach/creation issue [\#1281](https://github.com/vatesfr/xo-web/issues/1281)
-- Self service resources not modified after a VM deletion [\#1276](https://github.com/vatesfr/xo-web/issues/1276)
-- Scheduled jobs seems use GMT since 5.0 [\#1258](https://github.com/vatesfr/xo-web/issues/1258)
-- Can't create a VM with disks on 2 different SRs [\#1257](https://github.com/vatesfr/xo-web/issues/1257)
-- Graph display bug [\#1247](https://github.com/vatesfr/xo-web/issues/1247)
-- /v5/#/hosts/__UUID__: Patch list not limited to the current pool [\#1244](https://github.com/vatesfr/xo-web/issues/1244)
-- Replication issues [\#1233](https://github.com/vatesfr/xo-web/issues/1233)
-- VM creation install method disabled fields [\#1198](https://github.com/vatesfr/xo-web/issues/1198)
-- Update icon shouldn't be displayed when menu is collapsed [\#1188](https://github.com/vatesfr/xo-web/issues/1188)
-- /v5/ : Load average graph axis issue [\#1167](https://github.com/vatesfr/xo-web/issues/1167)
-- Some remote can't be opened [\#1164](https://github.com/vatesfr/xo-web/issues/1164)
-- Bulk action for hosts in home and pool view [\#1153](https://github.com/vatesfr/xo-web/issues/1153)
-- New Vif [\#1138](https://github.com/vatesfr/xo-web/issues/1138)
-- Missing SRs [\#1123](https://github.com/vatesfr/xo-web/issues/1123)
-- Continuous replication email alert does not obey per job setting [\#1121](https://github.com/vatesfr/xo-web/issues/1121)
-- Safari XO5 issue [\#1120](https://github.com/vatesfr/xo-web/issues/1120)
-- ACLs shoud be available in Enterprise Edition [\#1118](https://github.com/vatesfr/xo-web/issues/1118)
-- SR edit name or description doesn't work [\#1116](https://github.com/vatesfr/xo-web/issues/1116)
-- Bad RRD parsing for VIFs [\#969](https://github.com/vatesfr/xo-web/issues/969)
-
-## **5.0.0** (2016-06-24)
-
-### Enhancements
-
-- Handle failed quiesce in snapshots [\#1088](https://github.com/vatesfr/xo-web/issues/1088)
-- Sparklines stats [\#1061](https://github.com/vatesfr/xo-web/issues/1061)
-- Task view [\#1060](https://github.com/vatesfr/xo-web/issues/1060)
-- Improved import system [\#1048](https://github.com/vatesfr/xo-web/issues/1048)
-- Backup restore view improvements [\#1021](https://github.com/vatesfr/xo-web/issues/1021)
-- Restore VM - Wrong VLAN on the VMs interface [\#1016](https://github.com/vatesfr/xo-web/issues/1016)
-- Fast Disk Cloning [\#960](https://github.com/vatesfr/xo-web/issues/960)
-- Disaster recovery job should target SRs, not pools [\#955](https://github.com/vatesfr/xo-web/issues/955)
-- Improve Header/Content interaction in a page [\#926](https://github.com/vatesfr/xo-web/issues/926)
-- New default view [\#912](https://github.com/vatesfr/xo-web/issues/912)
-- Xen Patching - Restart Pending [\#883](https://github.com/vatesfr/xo-web/issues/883)
-- Hide About page for user that are not admin [\#877](https://github.com/vatesfr/xo-web/issues/877)
-- ACL: Ability to view/sort/group by User/Group, Objects or Role [\#875](https://github.com/vatesfr/xo-web/issues/875)
-- ACL: Ability to select multiple users & group when creating a rule [\#874](https://github.com/vatesfr/xo-web/issues/874)
-- Translation [\#839](https://github.com/vatesfr/xo-web/issues/839)
-- XO offer useless network interfaces for XenMontion [\#833](https://github.com/vatesfr/xo-web/issues/833)
-- Show HVM, PVM, PVHVM modes in guest details [\#806](https://github.com/vatesfr/xo-web/issues/806)
-- Tree view: display cpu available/total for each host [\#696](https://github.com/vatesfr/xo-web/issues/696)
-- Greenkeeper integration [\#667](https://github.com/vatesfr/xo-web/issues/667)
-- Clarify vCPUs and RAM editor  [\#658](https://github.com/vatesfr/xo-web/issues/658)
-- Backup LZ4 compression [\#647](https://github.com/vatesfr/xo-web/issues/647)
-- Support enum in plugins configuration [\#638](https://github.com/vatesfr/xo-web/issues/638)
-- Add configuration option to disable xoa-updater  [\#535](https://github.com/vatesfr/xo-web/issues/535)
-- Use cursors to add more context to actions [\#523](https://github.com/vatesfr/xo-web/issues/523)
-- Review UI for flat view [\#354](https://github.com/vatesfr/xo-web/issues/354)
-- Review UI for the tree view [\#353](https://github.com/vatesfr/xo-web/issues/353)
-- Tag filtering [\#233](https://github.com/vatesfr/xo-web/issues/233)
-- GUI review [\#230](https://github.com/vatesfr/xo-web/issues/230)
-- Review UI for VM creation [\#214](https://github.com/vatesfr/xo-web/issues/214)
-- Ability to collapse pools/hosts in main view [\#173](https://github.com/vatesfr/xo-web/issues/173)
-- Issue importing .xva VM via xo-web [\#1022](https://github.com/vatesfr/xo-web/issues/1022)
-- Enhancement Proposal - Cancel In Progress Backups [\#1003](https://github.com/vatesfr/xo-web/issues/1003)
-- Can't create VM with  CloudConfigDrive [\#917](https://github.com/vatesfr/xo-web/issues/917)
-- Auth: LDAP User causes problems [\#893](https://github.com/vatesfr/xo-web/issues/893)
-- No tags in Continuous Replication [\#838](https://github.com/vatesfr/xo-web/issues/838)
-- Delta backup Depth not working [\#802](https://github.com/vatesfr/xo-web/issues/802)
-- Update Section - Running version info missing - gui enhancement [\#795](https://github.com/vatesfr/xo-web/issues/795)
-- On reboot, vnc console wrongly scaled [\#722](https://github.com/vatesfr/xo-web/issues/722)
-- Make the object name \(title\) "sticky" at the top of the page [\#705](https://github.com/vatesfr/xo-web/issues/705)
-- pool view: display Local SR from hosts in the current pool [\#692](https://github.com/vatesfr/xo-web/issues/692)
-- tree view: display all IPs [\#689](https://github.com/vatesfr/xo-web/issues/689)
-- XO5 parallel distribution [\#462](https://github.com/vatesfr/xo-web/issues/462)
-- Load balancing with XO [\#423](https://github.com/vatesfr/xo-web/issues/423)
-
-### Bug fixes
-
-- vCPUs number when no tools installed [\#1089](https://github.com/vatesfr/xo-web/issues/1089)
-- Config Drive textbox disappears when content is deleted [\#1012](https://github.com/vatesfr/xo-web/issues/1012)
-- storage status not changed in host view page after disconnect/connect  [\#1009](https://github.com/vatesfr/xo-web/issues/1009)
-- Cannot Delete Logs From Backup Overview [\#1004](https://github.com/vatesfr/xo-web/issues/1004)
-- \[v5.x\] Plugins configuration: optional non-used objects are sent [\#1000](https://github.com/vatesfr/xo-web/issues/1000)
-- "@" char in remote password break the remote view [\#997](https://github.com/vatesfr/xo-web/issues/997)
-- Handle MEMORY\_CONSTRAINT\_VIOLATION correctly [\#970](https://github.com/vatesfr/xo-web/issues/970)
-- VM creation error on XenServer Dundee [\#964](https://github.com/vatesfr/xo-web/issues/964)
-- Copy VMs doesn't display all SRs [\#945](https://github.com/vatesfr/xo-web/issues/945)
-- Autopower\_on wrong value [\#937](https://github.com/vatesfr/xo-web/issues/937)
-- Correctly handle unknown users in group view [\#900](https://github.com/vatesfr/xo-web/issues/900)
-- Importing into Dundee [\#887](https://github.com/vatesfr/xo-web/issues/887)
-- update status - gui resize issue [\#803](https://github.com/vatesfr/xo-web/issues/803)
-- Backup Remote Stores Problem [\#751](https://github.com/vatesfr/xo-web/issues/751)
-- VM view is broken when changing a disk SR twice [\#670](https://github.com/vatesfr/xo-web/issues/670)
-- console mouse sync  [\#280](https://github.com/vatesfr/xo-web/issues/280)
-
-## **4.16.0** (2016-04-29)
-
-Maintenance release
-
-### Enhancements
-
-- TOO\_MANY\_PENDING\_TASKS [\#861](https://github.com/vatesfr/xo-web/issues/861)
-
-### Bug fixes
-
-- Incorrect VM target name with continuous replication [\#904](https://github.com/vatesfr/xo-web/issues/904)
-- Error while deleting users [\#901](https://github.com/vatesfr/xo-web/issues/901)
-- Use an available path to the SR to create a config drive [\#882](https://github.com/vatesfr/xo-web/issues/882)
-- VM autoboot don't set the right pool parameter [\#879](https://github.com/vatesfr/xo-web/issues/879)
-- BUG: ACL with NFS ISO Library not working! [\#870](https://github.com/vatesfr/xo-web/issues/870)
-- Broken paths in backups in SMB [\#865](https://github.com/vatesfr/xo-web/issues/865)
-- Plugins page loads users/groups multiple times [\#829](https://github.com/vatesfr/xo-web/issues/829)
-- "Ghost" VM remains after migration [\#769](https://github.com/vatesfr/xo-web/issues/769)
-
-## **4.15.0** (2016-03-21)
-
-Load balancing, SMB delta support, advanced network operations...
-
-### Enhancements
-
-- Add the job name inside the backup email report [\#819](https://github.com/vatesfr/xo-web/issues/819)
-- Delta backup with quiesce [\#812](https://github.com/vatesfr/xo-web/issues/812)
-- Hosts: No user feedback when error occurs with SR connect / disconnect [\#810](https://github.com/vatesfr/xo-web/issues/810)
-- Expose components versions [\#807](https://github.com/vatesfr/xo-web/issues/807)
-- Rework networks/PIFs management [\#805](https://github.com/vatesfr/xo-web/issues/805)
-- Displaying all SRs and a list of available hosts for creating VM from a pool [\#790](https://github.com/vatesfr/xo-web/issues/790)
-- Add "Source network" on "VM migration" screen [\#785](https://github.com/vatesfr/xo-web/issues/785)
-- Migration queue [\#783](https://github.com/vatesfr/xo-web/issues/783)
-- Match network names for VM migration [\#782](https://github.com/vatesfr/xo-web/issues/782)
-- Disk names [\#780](https://github.com/vatesfr/xo-web/issues/780)
-- Self service: should the user be able to set the CPU weight? [\#767](https://github.com/vatesfr/xo-web/issues/767)
-- host & pool Citrix license status [\#763](https://github.com/vatesfr/xo-web/issues/763)
-- pool view: Provide "updates" section [\#762](https://github.com/vatesfr/xo-web/issues/762)
-- XOA ISO image: ambigious root disk label [\#761](https://github.com/vatesfr/xo-web/issues/761)
-- Host info: provide system serial number [\#760](https://github.com/vatesfr/xo-web/issues/760)
-- CIFS ISO SR Creation [\#731](https://github.com/vatesfr/xo-web/issues/731)
-- MAC address not preserved on VM restore [\#707](https://github.com/vatesfr/xo-web/issues/707)
-- Failing replication job should send reports [\#659](https://github.com/vatesfr/xo-web/issues/659)
-- Display networks in the Pool view [\#226](https://github.com/vatesfr/xo-web/issues/226)
-
-### Bug fixes
-
-- Broken link to backup remote  [\#821](https://github.com/vatesfr/xo-web/issues/821)
-- Issue with self-signed cert for email plugin [\#817](https://github.com/vatesfr/xo-web/issues/817)
-- Plugins view, reset form and errors [\#815](https://github.com/vatesfr/xo-web/issues/815)
-- HVM recovery mode is broken [\#794](https://github.com/vatesfr/xo-web/issues/794)
-- Disk bug when creating vm from template [\#778](https://github.com/vatesfr/xo-web/issues/778)
-- Can't mount NFS shares in remote stores [\#775](https://github.com/vatesfr/xo-web/issues/775)
-- VM disk name and description not passed during creation [\#774](https://github.com/vatesfr/xo-web/issues/774)
-- NFS mount problem for Windows share [\#771](https://github.com/vatesfr/xo-web/issues/771)
-- lodash.pluck not installed [\#757](https://github.com/vatesfr/xo-web/issues/757)
-- this.\_getAuthenticationTokensForUser is not a function [\#755](https://github.com/vatesfr/xo-web/issues/755)
-- CentOS 6.x 64bit template creates a VM that won't boot [\#733](https://github.com/vatesfr/xo-web/issues/733)
-- Lot of xo:perf leading to XO crash [\#575](https://github.com/vatesfr/xo-web/issues/575)
-- New collection checklist [\#262](https://github.com/vatesfr/xo-web/issues/262)
-
-## **4.14.0** (2016-02-23)
-
-Self service, custom CloudInit...
-
-### Enhancements
-
-- VM creation self service with quotas [\#285](https://github.com/vatesfr/xo-web/issues/285)
-- Cloud config custom user data [\#706](https://github.com/vatesfr/xo-web/issues/706)
-- Patches behind a proxy [\#737](https://github.com/vatesfr/xo-web/issues/737)
-- Remote store status indicator [\#728](https://github.com/vatesfr/xo-web/issues/728)
-- Patch list order [\#724](https://github.com/vatesfr/xo-web/issues/724)
-- Enable reporting on additional backup types [\#717](https://github.com/vatesfr/xo-web/issues/717)
-- Tooltip name for cancel [\#703](https://github.com/vatesfr/xo-web/issues/703)
-- Portable VHD merging [\#646](https://github.com/vatesfr/xo-web/issues/646)
-
-### Bug fixes
-
-- Avoid merge between two delta vdi backups [\#702](https://github.com/vatesfr/xo-web/issues/702)
-- Text in table is not cut anymore [\#713](https://github.com/vatesfr/xo-web/issues/713)
-- Disk size edition issue with float numbers [\#719](https://github.com/vatesfr/xo-web/issues/719)
-- Create vm, summary is not refreshed [\#721](https://github.com/vatesfr/xo-web/issues/721)
-- Boot order problem [\#726](https://github.com/vatesfr/xo-web/issues/726)
-
-## **4.13.0** (2016-02-05)
-
-Backup checksum, SMB remotes...
-
-### Enhancements
-
-- Add SMB mount for remote [\#338](https://github.com/vatesfr/xo-web/issues/338)
-- Centralize Perm in a lib [\#345](https://github.com/vatesfr/xo-web/issues/345)
-- Expose interpool migration details [\#567](https://github.com/vatesfr/xo-web/issues/567)
-- Add checksum for delta backup [\#617](https://github.com/vatesfr/xo-web/issues/617)
-- Redirect from HTTP to HTTPS [\#626](https://github.com/vatesfr/xo-web/issues/626)
-- Expose vCPU weight [\#633](https://github.com/vatesfr/xo-web/issues/633)
-- Avoid metadata in delta backup [\#651](https://github.com/vatesfr/xo-web/issues/651)
-- Button to clear logs [\#661](https://github.com/vatesfr/xo-web/issues/661)
-- Units for RAM and disks [\#666](https://github.com/vatesfr/xo-web/issues/666)
-- Remove multiple VDIs at once [\#676](https://github.com/vatesfr/xo-web/issues/676)
-- Find orphaned VDI snapshots [\#679](https://github.com/vatesfr/xo-web/issues/679)
-- New health view in Dashboard [\#680](https://github.com/vatesfr/xo-web/issues/680)
-- Use physical usage for VDI and SR [\#682](https://github.com/vatesfr/xo-web/issues/682)
-- TLS configuration [\#685](https://github.com/vatesfr/xo-web/issues/685)
-- Better VM info on tree view [\#688](https://github.com/vatesfr/xo-web/issues/688)
-- Absolute values in tooltips for tree view [\#690](https://github.com/vatesfr/xo-web/issues/690)
-- Absolute values for host memory [\#691](https://github.com/vatesfr/xo-web/issues/691)
-
-### Bug fixes
-
-- Issues on host console screen [\#672](https://github.com/vatesfr/xo-web/issues/672)
-- NFS remote mount fails in particular case [\#665](https://github.com/vatesfr/xo-web/issues/665)
-- Unresponsive pages [\#662](https://github.com/vatesfr/xo-web/issues/662)
-- Live migration fail in the same pool with local SR fails [\#655](https://github.com/vatesfr/xo-web/issues/655)
-
-## **4.12.0** (2016-01-18)
-
-Continuous Replication, Continuous Delta backup...
-
-### Enhancements
-
-- Continuous VM replication [\#582](https://github.com/vatesfr/xo-web/issues/582)
-- Continuous Delta Backup [\#576](https://github.com/vatesfr/xo-web/issues/576)
-- Scheduler should not run job again if previous instance is not finished [\#642](https://github.com/vatesfr/xo-web/issues/642)
-- Boot VM automatically after creation [\#635](https://github.com/vatesfr/xo-web/issues/635)
-- Manage existing VIFs in templates [\#630](https://github.com/vatesfr/xo-web/issues/630)
-- Support templates with existing install repository [\#627](https://github.com/vatesfr/xo-web/issues/627)
-- Remove running VMs [\#616](https://github.com/vatesfr/xo-web/issues/616)
-- Prevent a VM to start before delta import is finished [\#613](https://github.com/vatesfr/xo-web/issues/613)
-- Spawn multiple VMs at once [\#606](https://github.com/vatesfr/xo-web/issues/606)
-- Fixed `suspendVM` in tree view. [\#619](https://github.com/vatesfr/xo-web/pull/619) ([pdonias](https://github.com/pdonias))
-
-### Bug fixes
-
-- User defined MAC address is not fetch in VM install [\#643](https://github.com/vatesfr/xo-web/issues/643)
-- CoreOsCloudConfig is not shown with CoreOS [\#639](https://github.com/vatesfr/xo-web/issues/639)
-- Plugin activation/deactivation in web UI seems broken [\#637](https://github.com/vatesfr/xo-web/issues/637)
-- Issue when creating CloudConfig drive [\#636](https://github.com/vatesfr/xo-web/issues/636)
-- CloudConfig hostname shouldn't have space [\#634](https://github.com/vatesfr/xo-web/issues/634)
-- Cloned VIFs are not properly deleted on VM creation [\#632](https://github.com/vatesfr/xo-web/issues/632)
-- Default PV args missing during VM creation [\#628](https://github.com/vatesfr/xo-web/issues/628)
-- VM creation problems from custom templates [\#625](https://github.com/vatesfr/xo-web/issues/625)
-- Emergency shutdown race condition [\#622](https://github.com/vatesfr/xo-web/issues/622)
-- `vm.delete\(\)` should not delete VDIs attached to other VMs [\#621](https://github.com/vatesfr/xo-web/issues/621)
-- VM creation error from template with a disk [\#581](https://github.com/vatesfr/xo-web/issues/581)
-- Only delete VDI exports when VM backup is successful [\#644](https://github.com/vatesfr/xo-web/issues/644)
-- Change the name of an imported VM during the import process [\#641](https://github.com/vatesfr/xo-web/issues/641)
-- Creating a new VIF in view is partially broken [\#652](https://github.com/vatesfr/xo-web/issues/652)
-- Grey out the "create button" during VM creation [\#654](https://github.com/vatesfr/xo-web/issues/654)
-
-## **4.11.0** (2015-12-22)
-
-Delta backup, CloudInit...
-
-### Enhancements
-
-- Visible list of SR inside a VM [\#601](https://github.com/vatesfr/xo-web/issues/601)
-- VDI move [\#591](https://github.com/vatesfr/xo-web/issues/591)
-- Edit pre-existing disk configuration during VM creation [\#589](https://github.com/vatesfr/xo-web/issues/589)
-- Allow disk size edition [\#587](https://github.com/vatesfr/xo-web/issues/587)
-- Better VDI resize support [\#585](https://github.com/vatesfr/xo-web/issues/585)
-- Remove manual VM export metadata in UI [\#580](https://github.com/vatesfr/xo-web/issues/580)
-- Support import VM metadata [\#579](https://github.com/vatesfr/xo-web/issues/579)
-- Set a default pool SR [\#572](https://github.com/vatesfr/xo-web/issues/572)
-- ISOs should be sorted by name [\#565](https://github.com/vatesfr/xo-web/issues/565)
-- Button to boot a VM from a disc once [\#564](https://github.com/vatesfr/xo-web/issues/564)
-- Ability to boot a PV VM from a disc [\#563](https://github.com/vatesfr/xo-web/issues/563)
-- Add an option to manually run backup jobs [\#562](https://github.com/vatesfr/xo-web/issues/562)
-- backups to unmounted storage [\#561](https://github.com/vatesfr/xo-web/issues/561)
-- Root integer properties cannot be edited in plugins configuration form [\#550](https://github.com/vatesfr/xo-web/issues/550)
-- Generic CloudConfig drive [\#549](https://github.com/vatesfr/xo-web/issues/549)
-- Auto-discovery of installed xo-server plugins [\#546](https://github.com/vatesfr/xo-web/issues/546)
-- Hide info on flat view [\#545](https://github.com/vatesfr/xo-web/issues/545)
-- Config plugin boolean properties must have a default value \(undefined prohibited\) [\#543](https://github.com/vatesfr/xo-web/issues/543)
-- Present detailed errors on plugin configuration failures [\#530](https://github.com/vatesfr/xo-web/issues/530)
-- Do not reset form on failures in plugins configuration [\#529](https://github.com/vatesfr/xo-web/issues/529)
-- XMPP alert plugin [\#518](https://github.com/vatesfr/xo-web/issues/518)
-- Hide tag adders depending on ACLs [\#516](https://github.com/vatesfr/xo-web/issues/516)
-- Choosing a framework for xo-web 5 [\#514](https://github.com/vatesfr/xo-web/issues/514)
-- Prevent adding a host in an existing XAPI connection [\#466](https://github.com/vatesfr/xo-web/issues/466)
-- Read only connection to Xen servers/pools [\#439](https://github.com/vatesfr/xo-web/issues/439)
-- generic notification system [\#391](https://github.com/vatesfr/xo-web/issues/391)
-- Data architecture review [\#384](https://github.com/vatesfr/xo-web/issues/384)
-- Make filtering easier to understand/add some "default" filters [\#207](https://github.com/vatesfr/xo-web/issues/207)
-- Improve performance [\#148](https://github.com/vatesfr/xo-web/issues/148)
-
-### Bug fixes
-
-- VM metadata export should not require a snapshot [\#615](https://github.com/vatesfr/xo-web/issues/615)
-- Missing patch for all hosts is continuously refreshed [\#609](https://github.com/vatesfr/xo-web/issues/609)
-- Backup import memory issue [\#608](https://github.com/vatesfr/xo-web/issues/608)
-- Host list missing patch is buggy [\#604](https://github.com/vatesfr/xo-web/issues/604)
-- Servers infos should not been refreshed while a field is being edited [\#595](https://github.com/vatesfr/xo-web/issues/595)
-- Servers list should not been re-order while a field is being edited [\#594](https://github.com/vatesfr/xo-web/issues/594)
-- Correctly display size in interface \(binary scale\) [\#592](https://github.com/vatesfr/xo-web/issues/592)
-- Display failures on VM boot order modification [\#560](https://github.com/vatesfr/xo-web/issues/560)
-- `vm.setBootOrder\(\)` should throw errors on failures \(non-HVM VMs\) [\#559](https://github.com/vatesfr/xo-web/issues/559)
-- Hide boot order form for non-HVM VMs [\#558](https://github.com/vatesfr/xo-web/issues/558)
-- Allow editing PV args even when empty \(but only for PV VMs\) [\#557](https://github.com/vatesfr/xo-web/issues/557)
-- Crashes when using legacy event system [\#556](https://github.com/vatesfr/xo-web/issues/556)
-- XenServer patches check error for 6.1 [\#555](https://github.com/vatesfr/xo-web/issues/555)
-- activation plugin xo-server-transport-email  [\#553](https://github.com/vatesfr/xo-web/issues/553)
-- Server error with JSON on 32 bits Dom0 [\#552](https://github.com/vatesfr/xo-web/issues/552)
-- Cloud Config drive shouldn't be created on default SR [\#548](https://github.com/vatesfr/xo-web/issues/548)
-- Deep properties cannot be edited in plugins configuration form [\#521](https://github.com/vatesfr/xo-web/issues/521)
-- Aborted VM export should cancel the operation [\#490](https://github.com/vatesfr/xo-web/issues/490)
-- VM missing with same UUID after an inter-pool migration [\#284](https://github.com/vatesfr/xo-web/issues/284)
-
-## **4.10.0** (2015-11-27)
-
-Job management, email notifications, CoreOS/Docker, Quiesce snapshots...
-
-### Enhancements
-
-- Job management ([xo-web#487](https://github.com/vatesfr/xo-web/issues/487))
-- Patch upload on all connected servers ([xo-web#168](https://github.com/vatesfr/xo-web/issues/168))
-- Emergency shutdown ([xo-web#185](https://github.com/vatesfr/xo-web/issues/185))
-- CoreOS/docker template install ([xo-web#246](https://github.com/vatesfr/xo-web/issues/246))
-- Email for backups ([xo-web#308](https://github.com/vatesfr/xo-web/issues/308))
-- Console Clipboard ([xo-web#408](https://github.com/vatesfr/xo-web/issues/408))
-- Logs from CLI ([xo-web#486](https://github.com/vatesfr/xo-web/issues/486))
-- Save disconnected servers ([xo-web#489](https://github.com/vatesfr/xo-web/issues/489))
-- Snapshot with quiesce ([xo-web#491](https://github.com/vatesfr/xo-web/issues/491))
-- Start VM in reovery mode ([xo-web#495](https://github.com/vatesfr/xo-web/issues/495))
-- Username in logs ([xo-web#498](https://github.com/vatesfr/xo-web/issues/498))
-- Delete associated tokens with user ([xo-web#500](https://github.com/vatesfr/xo-web/issues/500))
-- Validate plugin configuration ([xo-web#503](https://github.com/vatesfr/xo-web/issues/503))
-- Avoid non configured plugins to be loaded ([xo-web#504](https://github.com/vatesfr/xo-web/issues/504))
-- Verbose API logs if configured ([xo-web#505](https://github.com/vatesfr/xo-web/issues/505))
-- Better backup overview ([xo-web#512](https://github.com/vatesfr/xo-web/issues/512))
-- VM auto power on ([xo-web#519](https://github.com/vatesfr/xo-web/issues/519))
-- Title property supported in config schema ([xo-web#522](https://github.com/vatesfr/xo-web/issues/522))
-- Start VM export only when necessary ([xo-web#534](https://github.com/vatesfr/xo-web/issues/534))
-- Input type should be number ([xo-web#538](https://github.com/vatesfr/xo-web/issues/538))
-
-### Bug fixes
-
-- Numbers/int support in plugins config ([xo-web#531](https://github.com/vatesfr/xo-web/issues/531))
-- Boolean support in plugins config ([xo-web#528](https://github.com/vatesfr/xo-web/issues/528))
-- Keyboard unusable outside console ([xo-web#513](https://github.com/vatesfr/xo-web/issues/513))
-- UsernameField for SAML ([xo-web#513](https://github.com/vatesfr/xo-web/issues/513))
-- Wrong display of "no plugin found" ([xo-web#508](https://github.com/vatesfr/xo-web/issues/508))
-- Bower build error ([xo-web#488](https://github.com/vatesfr/xo-web/issues/488))
-- VM cloning should require SR permission ([xo-web#472](https://github.com/vatesfr/xo-web/issues/472))
-- Xen tools status ([xo-web#471](https://github.com/vatesfr/xo-web/issues/471))
-- Can't delete ghost user ([xo-web#464](https://github.com/vatesfr/xo-web/issues/464))
-- Stats with old versions of Node ([xo-web#463](https://github.com/vatesfr/xo-web/issues/463))
-
 ## **4.9.0** (2015-11-13)
 
 Automated DR, restore backup, VM copy

ISSUE_TEMPLATE.md

@@ -1,28 +0,0 @@
-<!--
-Welcome to the issue section of Xen Orchestra!
-
-Here you can:
-- report an issue
-- propose an enhancement
-- ask a question
-
-The template below is only a proposition for your ticket, feel free to
-change it as appropriate :)
--->
-
-### Context
-
-- **XO version**: XO appliance / `stable` branch / `next-release` branch
-
-If from the sources:
-
-- **Component**: xo-web / xo-server / *unknown*
-- **Node/npm version**: *just execute `npm version`*
-
-### Expected behavior
-
-<!-- What you expect to happen -->
-
-### Current behavior
-
-<!-- What is actually happening -->

README.md

@@ -1,4 +1,4 @@
-# Xen Orchestra Web [![Chat with us](https://storage.crisp.im/plugins/images/936925df-f37b-4ba8-bab0-70cd2edcb0be/badge.svg)](https://go.crisp.im/chat/embed/?website_id=-JzqzzwddSV7bKGtEyAQ) [![Build Status](https://travis-ci.org/vatesfr/xo-web.png?branch=master)](https://travis-ci.org/vatesfr/xo-web)
+# Xen Orchestra Web
 
 ![](http://i.imgur.com/tRffA5y.png)
 
@@ -6,11 +6,14 @@ XO-Web is part of [Xen Orchestra](https://github.com/vatesfr/xo), a web interfac
 
 It is a web client for [XO-Server](https://github.com/vatesfr/xo-server).
 
+[![Dependency Status](https://david-dm.org/vatesfr/xo-web.svg?theme=shields.io)](https://david-dm.org/vatesfr/xo-web)
+[![devDependency Status](https://david-dm.org/vatesfr/xo-web/dev-status.svg?theme=shields.io)](https://david-dm.org/vatesfr/xo-web#info=devDependencies)
+
 ___
 
 ## Installation
 
-XOA or manual install procedure is [available here](https://xen-orchestra.com/docs/installation.html)
+XOA or manual install procedure is [available here](https://github.com/vatesfr/xo/blob/master/doc/installation/README.md)
 
 ## Compilation
 
@@ -26,31 +29,6 @@ Development build:
 $ npm run dev
 ```
 
-### Environment
-
-#### `NODE_ENV`
-
-Set to *production* it disables many checks which result in increased
-performance.
-
-#### `XOA_PLAN`
-
-- 1: Free
-- 2: Starter
-- 3: Enterprise
-- 4: Premium
-- 5: Sources
-
-```js
-if (process.env.XOA_PLAN < 5) {
-  console.log('included only in XOA')
-}
-
-if (process.env.XOA_PLAN > 3) {
-  console.log('included only in Premium and Sources')
-}
-```
-
 ## How to report a bug?
 
 If you are certain the bug is exclusively related to XO-Web, you may use the [bugtracker of this repository](https://github.com/vatesfr/xo-web/issues).
@@ -60,8 +38,8 @@ Otherwise, please consider using the [bugtracker of the general repository](http
 ## Process for new release
 
 ```bash
-# Switch to the stable branch.
-git checkout stable
+# Switch to the master branch.
+git checkout master
 
 # Fetches latest changes.
 git pull --ff-only
@@ -75,12 +53,12 @@ npm version minor
 # Go back to the next-release branch.
 git checkout next-release
 
-# Fetches the last changes (the merge and version bump) from stable to
+# Fetches the last changes (the merge and version bump) from master to
 # next-release.
-git merge --ff-only stable
+git merge --ff-only master
 
 # Push the changes on git.
-git push --follow-tags origin stable next-release
+git push --follow-tags origin master next-release
 
 # Publish this release to npm.
 npm publish

gulpfile.js

@@ -2,8 +2,8 @@
 
 // ===================================================================
 
-var SRC_DIR = __dirname + '/src' // eslint-disable-line no-path-concat
-var DIST_DIR = __dirname + '/dist' // eslint-disable-line no-path-concat
+var SRC_DIR = __dirname + '/src'
+var DIST_DIR = __dirname + '/dist'
 
 // Port to use for the livereload server.
 //
@@ -11,12 +11,19 @@ var DIST_DIR = __dirname + '/dist' // eslint-disable-line no-path-concat
 // http://www.random.org/integers/?num=1&min=1024&max=65535&col=1&base=10&format=plain&rnd=new
 var LIVERELOAD_PORT = 26242
 
-var PRODUCTION = process.env.NODE_ENV === 'production'
-var DEVELOPMENT = !PRODUCTION
+// Port to use for the embedded web server.
+//
+// Set to 0 to choose a random port at each run.
+var SERVER_PORT = LIVERELOAD_PORT + 1
 
-if (!process.env.XOA_PLAN) {
-  process.env.XOA_PLAN = '5' // Open Source
-}
+// Address the server should bind to.
+//
+// - `'localhost'` to make it accessible from this host only
+// - `null` to make it accessible for the whole network
+var SERVER_ADDR = 'localhost'
+
+var PRODUCTION = process.argv.indexOf('--production') !== -1
+var DEVELOPMENT = !PRODUCTION
 
 // ===================================================================
 
@@ -38,47 +45,20 @@ function lazyFn (factory) {
 // -------------------------------------------------------------------
 
 var livereload = lazyFn(function () {
-  var livereload = require('gulp-refresh')
-  livereload.listen({
-    port: LIVERELOAD_PORT
-  })
+  var livereload = require('gulp-livereload')
+  livereload.listen(LIVERELOAD_PORT)
 
   return livereload
 })
 
 var pipe = lazyFn(function () {
-  var current
-  function pipeCore (streams) {
-    var i, n, stream
-    for (i = 0, n = streams.length; i < n; ++i) {
-      stream = streams[i]
-      if (!stream) {
-        // Nothing to do
-      } else if (stream instanceof Array) {
-        pipeCore(stream)
-      } else {
-        current = current
-          ? current.pipe(stream)
-          : stream
-      }
+  var pipe = require('nice-pipe')
+
+  return PRODUCTION
+    ? pipe
+    : function () {
+      return require('gulp-plumber')().pipe(pipe.apply(this, arguments))
     }
-  }
-
-  var push = Array.prototype.push
-  return function (streams) {
-    try {
-      if (!(streams instanceof Array)) {
-        streams = []
-        push.apply(streams, arguments)
-      }
-
-      pipeCore(streams)
-
-      return current
-    } finally {
-      current = null
-    }
-  }
 })
 
 var resolvePath = lazyFn(function () {
@@ -97,25 +77,23 @@ var src = lazyFn(function () {
   }
 
   return PRODUCTION
-    ? function src (pattern, opts) {
-      var base = resolve(opts && opts.base)
+    ? function src (pattern, base) {
+      base = resolve(base)
 
       return gulp.src(pattern, {
         base: base,
         cwd: base,
-        passthrough: opts && opts.passthrough,
-        sourcemaps: opts && opts.sourcemaps
+        sourcemaps: true
       })
     }
-    : function src (pattern, opts) {
-      var base = resolve(opts && opts.base)
+    : function src (pattern, base) {
+      base = resolve(base)
 
       return pipe(
         gulp.src(pattern, {
           base: base,
           cwd: base,
-          passthrough: opts && opts.passthrough,
-          sourcemaps: opts && opts.sourcemaps
+          sourcemaps: true
         }),
         require('gulp-watch')(pattern, {
           base: base,
@@ -147,9 +125,10 @@ var dest = lazyFn(function () {
       return gulp.dest(resolve(path), opts)
     }
     : function dest (path) {
-      var stream = gulp.dest(resolve(path), opts)
-      stream.pipe(livereload())
-      return stream
+      return pipe(
+        gulp.dest(resolve(path), opts),
+        livereload()
+      )
     }
 })
 
@@ -162,10 +141,9 @@ function browserify (path, opts) {
 
   var bundler = require('browserify')(path, {
     basedir: SRC_DIR,
-    debug: true,
+    debug: DEVELOPMENT,
     extensions: opts.extensions,
-    fullPaths: false,
-    paths: SRC_DIR + '/common',
+    fullPaths: DEVELOPMENT,
     standalone: opts.standalone,
 
     // Required by Watchify.
@@ -173,15 +151,8 @@ function browserify (path, opts) {
     packageCache: {}
   })
 
-  var plugins = opts.plugins
-  for (var i = 0, n = plugins && plugins.length; i < n; ++i) {
-    var plugin = plugins[i]
-    bundler.plugin(require(plugin[0]), plugin[1])
-  }
-
   if (PRODUCTION) {
-    // FIXME: does not work with react-intl (?!)
-    // bundler.plugin('bundle-collapser/plugin')
+    bundler.plugin('bundle-collapser/plugin')
   } else {
     bundler = require('watchify')(bundler)
   }
@@ -238,8 +209,8 @@ function browserify (path, opts) {
 
 gulp.task(function buildPages () {
   return pipe(
-    src('index.pug', { sourcemaps: true }),
-    require('gulp-pug')(),
+    src('index.jade'),
+    require('gulp-jade')(),
     DEVELOPMENT && require('gulp-embedlr')({
       port: LIVERELOAD_PORT
     }),
@@ -249,23 +220,17 @@ gulp.task(function buildPages () {
 
 gulp.task(function buildScripts () {
   return pipe(
-    browserify('./index.js', {
-      plugins: [
-        // ['css-modulesify', {
-        ['modular-css/browserify', {
-          css: DIST_DIR + '/modules.css'
-        }]
-      ]
+    browserify('./index.js'),
+    PRODUCTION && require('gulp-uglify')({
+      mangle: false // Avoid breaking Angular deps injector.
     }),
-    require('gulp-sourcemaps').init({ loadMaps: true }),
-    PRODUCTION && require('gulp-uglify')(),
     dest()
   )
 })
 
 gulp.task(function buildStyles () {
   return pipe(
-    src('index.scss', { sourcemaps: true }),
+    src('index.scss'),
     require('gulp-sass')(),
     require('gulp-autoprefixer')([
       'last 1 version',
@@ -279,14 +244,10 @@ gulp.task(function buildStyles () {
 gulp.task(function copyAssets () {
   return pipe(
     src(['assets/**/*', 'favicon.*']),
-    src('fontawesome-webfont.*', {
-      base: __dirname + '/node_modules/font-awesome/fonts', // eslint-disable-line no-path-concat
-      passthrough: true
-    }),
-    src(['!*.css', 'font-mfizz.*'], {
-      base: __dirname + '/node_modules/font-mfizz/dist', // eslint-disable-line no-path-concat
-      passthrough: true
-    }),
+    src(
+      'fontawesome-webfont.*',
+      __dirname + '/node_modules/font-awesome/fonts'
+    ),
     dest()
   )
 })
@@ -303,3 +264,28 @@ gulp.task('build', gulp.parallel(
 gulp.task(function clean (done) {
   require('rimraf')(DIST_DIR, done)
 })
+
+// -------------------------------------------------------------------
+
+gulp.task(function server (done) {
+  require('connect')()
+    .use(require('serve-static')(DIST_DIR))
+    .listen(SERVER_PORT, SERVER_ADDR, function onListen () {
+      var address = this.address()
+
+      var port = address.port
+      address = address.address
+
+      // Correctly handle IPv6 addresses.
+      if (address.indexOf(':') !== -1) {
+        address = '[' + address + ']'
+      }
+
+      /* jshint devel: true*/
+      console.log('Listening on http://' + address + ':' + port)
+    })
+    .on('error', done)
+    .on('close', function onClose () {
+      done()
+    })
+})

package.json

@@ -1,7 +1,7 @@
 {
-  "private": false,
+  "private": true,
   "name": "xo-web",
-  "version": "5.7.5",
+  "version": "5.0.0",
   "license": "AGPL-3.0",
   "description": "Web interface client for Xen-Orchestra",
   "keywords": [
@@ -27,175 +27,85 @@
     "dist/"
   ],
   "engines": {
-    "node": ">=4",
-    "npm": ">=3"
+    "node": ">=0.12"
   },
   "devDependencies": {
-    "ansi_up": "^1.3.0",
-    "asap": "^2.0.4",
-    "babel-eslint": "^7.0.0",
-    "babel-plugin-dev": "^1.0.0",
-    "babel-plugin-lodash": "^3.2.11",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-react-constant-elements": "^6.5.0",
-    "babel-plugin-transform-react-inline-elements": "^6.6.5",
-    "babel-plugin-transform-react-jsx-self": "^6.11.0",
-    "babel-plugin-transform-react-jsx-source": "^6.9.0",
-    "babel-plugin-transform-runtime": "^6.6.0",
-    "babel-preset-es2015": "^6.6.0",
-    "babel-preset-react": "^6.5.0",
-    "babel-preset-stage-0": "^6.5.0",
-    "babel-register": "^6.16.3",
-    "babel-runtime": "^6.6.1",
+    "babel-eslint": "^5.0.0-beta6",
+    "babel-plugin-transform-runtime": "^6.4.3",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
     "babelify": "^7.2.0",
-    "benchmark": "^2.1.0",
-    "bootstrap": "4.0.0-alpha.5",
-    "browserify": "^14.1.0",
+    "bootstrap": "github:twbs/bootstrap#v4-dev",
+    "browserify": "^13.0.0",
+    "browserify-plain-jade": "^0.2.2",
     "bundle-collapser": "^1.2.1",
-    "chartist": "^0.10.1",
-    "chartist-plugin-legend": "^0.6.1",
-    "chartist-plugin-tooltip": "0.0.11",
-    "classnames": "^2.2.3",
-    "cookies-js": "^1.2.2",
-    "d3": "^4.2.8",
+    "clarify": "^1.0.5",
+    "connect": "^3.4.0",
     "dependency-check": "^2.5.1",
-    "enzyme": "^2.6.0",
-    "enzyme-to-json": "^1.4.4",
-    "event-to-promise": "^0.7.0",
-    "font-awesome": "^4.7.0",
-    "font-mfizz": "github:fizzed/font-mfizz",
-    "get-stream": "^2.3.0",
-    "globby": "^6.0.0",
+    "font-awesome": "^4.5.0",
     "gulp": "github:gulpjs/gulp#4.0",
     "gulp-autoprefixer": "^3.1.0",
-    "gulp-csso": "^3.0.0",
+    "gulp-csso": "^1.0.1",
     "gulp-embedlr": "^0.5.2",
-    "gulp-plumber": "^1.1.0",
-    "gulp-pug": "^3.1.0",
-    "gulp-refresh": "^1.1.0",
-    "gulp-sass": "^3.0.0",
-    "gulp-sourcemaps": "^2.2.3",
-    "gulp-uglify": "^2.0.0",
+    "gulp-jade": "^1.1.0",
+    "gulp-livereload": "^3.8.1",
+    "gulp-plumber": "^1.0.1",
+    "gulp-sass": "^2.1.1",
+    "gulp-uglify": "^1.5.1",
     "gulp-watch": "^4.3.5",
-    "human-format": "^0.7.0",
-    "husky": "^0.13.1",
-    "index-modules": "^0.3.0",
-    "is-ip": "^1.0.0",
-    "jest": "^19.0.2",
-    "jsonrpc-websocket-client": "^0.1.1",
-    "kindof": "^2.0.0",
-    "later": "^1.2.0",
-    "lodash": "^4.6.1",
-    "loose-envify": "^1.1.0",
-    "make-error": "^1.2.1",
-    "marked": "^0.3.5",
-    "modular-css": "^4.1.1",
-    "moment": "^2.13.0",
-    "moment-timezone": "^0.5.4",
-    "notifyjs": "^3.0.0",
-    "novnc-node": "^0.5.3",
-    "promise-toolbox": "^0.8.0",
-    "random-password": "^0.1.2",
-    "react": "^15.4.1",
-    "react-addons-shallow-compare": "^15.1.0",
-    "react-addons-test-utils": "^15.4.1",
-    "react-bootstrap-4": "^0.29.1",
-    "react-chartist": "^0.12.0",
-    "react-copy-to-clipboard": "^4.0.2",
-    "react-debounce-input": "^2.4.0",
-    "react-dnd": "^2.1.4",
-    "react-dnd-html5-backend": "^2.1.2",
-    "react-document-title": "^2.0.2",
-    "react-dom": "^15.4.1",
-    "react-dropzone": "^3.5.0",
-    "react-intl": "^2.0.1",
-    "react-key-handler": "^0.3.0",
-    "react-notify": "^2.0.1",
-    "react-overlays": "^0.6.0",
-    "react-redux": "^5.0.0",
-    "react-router": "^3.0.0",
-    "react-select": "^1.0.0-rc.3",
-    "react-shortcuts": "^1.3.1",
-    "react-sparklines": "^1.5.0",
-    "react-virtualized": "^8.0.8",
-    "readable-stream": "^2.0.6",
-    "redux": "^3.3.1",
-    "redux-devtools": "^3.1.1",
-    "redux-devtools-dock-monitor": "^1.1.0",
-    "redux-devtools-log-monitor": "^1.0.5",
-    "redux-thunk": "^2.0.1",
-    "reselect": "^2.2.1",
-    "semver": "^5.3.0",
-    "standard": "^8.4.0",
-    "styled-components": "^1.4.4",
-    "superagent": "^3.5.0",
-    "tar-stream": "^1.5.2",
-    "uncontrollable-input": "^0.0.0",
-    "vinyl": "^2.0.0",
+    "history": "^2.0.0-rc2",
+    "jsonrpc-websocket-client": "0.0.1-4",
+    "mocha": "^2.3.4",
+    "must": "^0.13.1",
+    "nice-pipe": "^0.3.4",
+    "nyc": "^5.3.0",
+    "react": "^0.14.6",
+    "react-dom": "^0.14.6",
+    "react-intl": "^1.2.2",
+    "react-redux": "^4.0.6",
+    "react-router": "^2.0.0-rc5",
+    "react-router-redux": "^2.1.0",
+    "readable-stream": "^2.0.5",
+    "redux": "^3.0.5",
+    "redux-devtools": "^3.0.1",
+    "redux-router": "^1.0.0-beta7",
+    "redux-thunk": "^1.0.3",
+    "serve-static": "^1.10.2",
+    "source-map-support": "^0.4.0",
+    "standard": "^5.4.1",
+    "trace": "^2.0.2",
+    "vinyl": "^1.1.1",
     "watchify": "^3.7.0",
-    "xml2js": "^0.4.17",
-    "xo-acl-resolver": "^0.2.3",
-    "xo-common": "0.1.0",
-    "xo-lib": "^0.8.0",
-    "xo-remote-parser": "^0.3"
+    "xo-lib": "^0.8.0-1"
   },
   "scripts": {
-    "benchmarks": "./tools/run-benchmarks.js 'src/**/*.bench.js'",
-    "build": "npm run build-indexes && NODE_ENV=production gulp build",
-    "build-indexes": "index-modules --auto src",
-    "commitmsg": "npm test",
-    "dev": "npm run build-indexes && NODE_ENV=development gulp build",
-    "dev-test": "jest --watch",
+    "build": "gulp build --production",
+    "dev": "gulp build server",
+    "dev-test": "mocha --opts .mocha.opts --watch --reporter=min \"dist/**/*.spec.js\"",
     "lint": "standard",
-    "posttest": "npm run lint",
+    "depcheck": "dependency-check ./package.json",
+    "posttest": "npm run lint && npm run depcheck",
     "prepublish": "npm run build",
-    "test": "jest"
+    "test": "nyc mocha --opts .mocha.opts \"dist/**/*.spec.js\""
+  },
+  "browser": {
+    "node_modules/ws/index.js": "./ws.js"
   },
   "browserify": {
     "transform": [
       "babelify",
-      "loose-envify"
-    ]
-  },
-  "babel": {
-    "env": {
-      "development": {
-        "plugins": [
-          "transform-react-jsx-self",
-          "transform-react-jsx-source"
-        ]
-      },
-      "production": {
-        "plugins": [
-          "transform-react-constant-elements",
-          "transform-react-inline-elements"
-        ]
-      }
-    },
-    "plugins": [
-      "dev",
-      "lodash",
-      "transform-decorators-legacy",
-      "transform-runtime"
-    ],
-    "presets": [
-      "es2015",
-      "react",
-      "stage-0"
-    ]
-  },
-  "jest": {
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
+      "browserify-plain-jade"
     ]
   },
   "standard": {
-    "globals": [
-      "__DEV__"
-    ],
     "ignore": [
       "dist"
     ],
     "parser": "babel-eslint"
+  },
+  "dependencies": {
+    "babel-runtime": "^6.3.19",
+    "redux-promise": "^0.5.1"
   }
 }

src/assets/loading.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><svg width='62px' height='62px' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring-alt"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="40" stroke="#cfcfcf" fill="none" stroke-width="10" stroke-linecap="round"></circle><circle cx="50" cy="50" r="40" stroke="#366e98" fill="none" stroke-width="6" stroke-linecap="round"><animate attributeName="stroke-dashoffset" dur="1s" repeatCount="indefinite" from="0" to="502"></animate><animate attributeName="stroke-dasharray" dur="1s" repeatCount="indefinite" values="150.6 100.4;1 250;150.6 100.4"></animate></circle></svg>

src/chartist.scss

@@ -1,133 +0,0 @@
-
-// CHARTIST  ===================================================================
-
-$ct-series-colors: (
-  $brand-success,
-  $brand-primary,
-  #f17cb0,
-  #86797d,
-  #b276b2,
-  #f15854,
-  #b2912f,
-  #decf3f,
-  #dda458,
-  #60bd68,
-  #4d4d4d,
-  #eacf7d,
-  #b2c326,
-  #6188e2,
-  #a748ca
-) !default;
-
-@import "../node_modules/chartist/dist/scss/settings/_chartist-settings";
-@import "../node_modules/chartist/dist/scss/chartist";
-
-.ct-chart {
-  display: flex;
-  flex-direction: column-reverse;
-}
-
-// safari has a bug in flex computing that prevent charts from showing see #1755
-// by fixing the height with a value found in Chrome it seems like it fixes the issue without breaking the layout
-// elsewhere
-.dashboardItem .ct-chart {
-  height: 150px;
-}
-
-// Line in charts with only 2px in width
-.ct-line {
-  stroke-width: 2px;
-}
-
-.ct-bar {
-  stroke-width: 10%;
-}
-
-.ct-point {
-  stroke-width: 30px;
-  stroke-opacity: 0!important;
-}
-
-.ct-point:hover {
-  stroke-opacity: 0.2!important;
-  stroke-width: 20px;
-}
-
-.ct-tooltip {
-  position: absolute;
-  display: inline-block;
-  min-width: 5em;
-  padding: 8px 10px;
-  background: #383838;
-  color: #fff;
-  text-align: center;
-  pointer-events: none;
-  z-index: 10;
-  font-weight: 700;
-
-  // Arrow!
-  &:before {
-    bottom: -14px;
-    top: 100%;
-    left: 50%;
-    border: solid transparent;
-    content: '';
-    height: 0;
-    width: 0;
-    pointer-events: none;
-    border-color: rgba(251, 249, 228, 0);
-    border-top-color: #383838;
-    border-width: 7px;
-    margin-left: -8px;
-  }
-
-  &.hide {
-    display: block;
-    opacity: 0;
-    visibility: hidden;
-  }
-}
-
-// CHARTIST LEGEND =============================================================
-
-.ct-legend {
-  bottom: 0;
-  margin-bottom: -1em;
-
-  li {
-    position: relative;
-    padding-left: 0.5em;
-    list-style-type: none;
-    display: inline-block;
-    margin-right: 0.5em;
-    font-size: 0.8em;
-  }
-
-  li:before {
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    left: 0;
-    content: '';
-    border: 3px solid transparent;
-    border-radius: 2px;
-    margin-right: 0.2em;
-  }
-
-  li.inactive:before {
-    background: transparent;
-  }
-
-  &.ct-legend-inside {
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-  @for $i from 0 to length($ct-series-colors) {
-    .ct-series-#{$i}:before {
-      background-color: nth($ct-series-colors, $i + 1);
-      border-color: nth($ct-series-colors, $i + 1);
-    }
-  }
-}

src/common/__snapshots__/grid.spec.js.snap

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Col 1`] = `
-<div
-  className="col-xs-12"
-/>
-`;
-
-exports[`Container 1`] = `
-<div
-  className="container-fluid"
-/>
-`;
-
-exports[`Row 1`] = `
-<div
-  className=" row"
-/>
-`;

src/common/action-bar.js

@@ -1,44 +0,0 @@
-import _ from 'intl'
-import ActionButton from 'action-button'
-import map from 'lodash/map'
-import React from 'react'
-import {
-  ButtonGroup
-} from 'react-bootstrap-4/lib'
-import {
-  noop
-} from 'utils'
-
-const ActionBar = ({ actions, param }) => (
-  <ButtonGroup>
-    {map(actions, (button, index) => {
-      if (!button) {
-        return
-      }
-
-      const { handler, handlerParam = param, label, icon, redirectOnSuccess } = button
-      return <ActionButton
-        key={index}
-        btnStyle='secondary'
-        handler={handler || noop}
-        handlerParam={handlerParam}
-        icon={icon}
-        redirectOnSuccess={redirectOnSuccess}
-        size='large'
-        tooltip={_(label)}
-      />
-    })}
-  </ButtonGroup>
-)
-ActionBar.propTypes = {
-  actions: React.PropTypes.arrayOf(
-    React.PropTypes.shape({
-      label: React.PropTypes.string.isRequired,
-      icon: React.PropTypes.string.isRequired,
-      handler: React.PropTypes.func,
-      redirectOnSuccess: React.PropTypes.string
-    })
-  ).isRequired,
-  display: React.PropTypes.oneOf(['icon', 'text', 'both'])
-}
-export { ActionBar as default }

src/common/action-button.js

@@ -1,134 +0,0 @@
-import Icon from 'icon'
-import isFunction from 'lodash/isFunction'
-import React from 'react'
-import { Button } from 'react-bootstrap-4/lib'
-
-import Component from './base-component'
-import logError from './log-error'
-import propTypes from './prop-types'
-import Tooltip from './tooltip'
-import { error as _error } from './notification'
-
-@propTypes({
-  btnStyle: propTypes.string,
-  disabled: propTypes.bool,
-  form: propTypes.string,
-  handler: propTypes.func.isRequired,
-  handlerParam: propTypes.any,
-  icon: propTypes.string.isRequired,
-  redirectOnSuccess: propTypes.oneOfType([
-    propTypes.func,
-    propTypes.string
-  ]),
-  size: propTypes.oneOf([
-    'large',
-    'small'
-  ]),
-  tooltip: propTypes.node
-})
-export default class ActionButton extends Component {
-  static contextTypes = {
-    router: React.PropTypes.object
-  }
-
-  async _execute () {
-    if (this.state.working) {
-      return
-    }
-
-    const {
-      children,
-      handler,
-      handlerParam,
-      tooltip
-    } = this.props
-
-    try {
-      this.setState({
-        error: null,
-        working: true
-      })
-
-      const result = await handler(handlerParam)
-
-      let { redirectOnSuccess } = this.props
-      if (redirectOnSuccess) {
-        if (isFunction(redirectOnSuccess)) {
-          redirectOnSuccess = redirectOnSuccess(result)
-        }
-        return this.context.router.push(redirectOnSuccess)
-      }
-
-      this.setState({
-        working: false
-      })
-    } catch (error) {
-      this.setState({
-        error,
-        working: false
-      })
-
-      // ignore when undefined because it usually means that the action has been canceled
-      if (error !== undefined) {
-        logError(error)
-        _error(children || tooltip || error.name, error.message || String(error))
-      }
-    }
-  }
-  _execute = ::this._execute
-
-  _eventListener = event => {
-    event.preventDefault()
-    this._execute()
-  }
-
-  componentDidMount () {
-    const { form } = this.props
-
-    if (form) {
-      document.getElementById(form).addEventListener('submit', this._eventListener)
-    }
-  }
-
-  componentWillUnmount () {
-    const { form } = this.props
-
-    if (form) {
-      document.getElementById(form).removeEventListener('submit', this._eventListener)
-    }
-  }
-
-  render () {
-    const {
-      props: {
-        btnStyle,
-        children,
-        className,
-        disabled,
-        form,
-        icon,
-        size: bsSize,
-        style,
-        tooltip
-      },
-      state: { error, working }
-    } = this
-
-    const button = <Button
-      bsStyle={error ? 'warning' : btnStyle}
-      form={form}
-      onClick={!form && this._execute}
-      disabled={working || disabled}
-      type={form ? 'submit' : 'button'}
-      {...{ bsSize, className, style }}
-    >
-      <Icon icon={working ? 'loading' : icon} fixedWidth />
-      {children && ' '}
-      {children}
-    </Button>
-
-    return tooltip
-      ? <Tooltip content={tooltip}>{button}</Tooltip>
-      : button
-  }
-}

src/common/action-row-button/index.css

@@ -1,7 +0,0 @@
-.button {
-  opacity: 0.5;
-}
-
-tr:hover .button, tr:focus .button {
-  opacity: 1;
-}

src/common/action-row-button/index.js

@@ -1,14 +0,0 @@
-import React from 'react'
-
-import ActionButton from '../action-button'
-
-import styles from './index.css'
-
-const ActionRowButton = props => (
-  <ActionButton
-    {...props}
-    className={styles.button}
-    size='small'
-  />
-)
-export { ActionRowButton as default }

src/common/action-toggle.js

@@ -1,15 +0,0 @@
-import React from 'react'
-
-import ActionButton from './action-button'
-import propTypes from './prop-types'
-
-const ActionToggle = ({ className, value, ...props }) =>
-  <ActionButton
-    {...props}
-    btnStyle={value ? 'success' : null}
-    icon={value ? 'toggle-on' : 'toggle-off'}
-  />
-
-export default propTypes({
-  value: propTypes.bool
-})(ActionToggle)

src/common/base-component.js

@@ -1,135 +0,0 @@
-import clone from 'lodash/clone'
-import includes from 'lodash/includes'
-import isArray from 'lodash/isArray'
-import forEach from 'lodash/forEach'
-import map from 'lodash/map'
-import { PureComponent } from 'react'
-
-import getEventValue from './get-event-value'
-
-// Should components logs every renders?
-//
-// Usually set to process.env.NODE_ENV !== 'production'.
-const VERBOSE = false
-
-const cowSet = (object, path, value, depth) => {
-  if (depth >= path.length) {
-    return value
-  }
-
-  object = object != null ? clone(object) : {}
-  const prop = path[depth]
-  object[prop] = cowSet(object[prop], path, value, depth + 1)
-  return object
-}
-
-const get = (object, path, depth) => {
-  if (depth >= path.length) {
-    return object
-  }
-
-  const prop = path[depth++]
-  return isArray(object) && prop === '*'
-    ? map(object, value => get(value, path, depth))
-    : get(object[prop], path, depth)
-}
-
-export default class BaseComponent extends PureComponent {
-  constructor (props, context) {
-    super(props, context)
-
-    // It really should have been done in React.Component!
-    this.state = {}
-
-    this._linkedState = null
-
-    if (VERBOSE) {
-      this.render = (render => () => {
-        console.log('render', this.constructor.name)
-
-        return render.call(this)
-      })(this.render)
-    }
-  }
-
-  // See https://preactjs.com/guide/linked-state
-  linkState (name, targetPath) {
-    const key = targetPath
-      ? `${name}##${targetPath}`
-      : name
-
-    let linkedState = this._linkedState
-    let cb
-    if (!linkedState) {
-      linkedState = this._linkedState = {}
-    } else if ((cb = linkedState[key])) {
-      return cb
-    }
-
-    let getValue
-    if (targetPath) {
-      const path = targetPath.split('.')
-      getValue = event => get(getEventValue(event), path, 0)
-    } else {
-      getValue = getEventValue
-    }
-
-    if (includes(name, '.')) {
-      const path = name.split('.')
-      return (linkedState[key] = event => {
-        this.setState(cowSet(this.state, path, getValue(event), 0))
-      })
-    }
-
-    return (linkedState[key] = event => {
-      this.setState({
-        [name]: getValue(event)
-      })
-    })
-  }
-
-  toggleState (name) {
-    let linkedState = this._linkedState
-    let cb
-    if (!linkedState) {
-      linkedState = this._linkedState = {}
-    } else if ((cb = linkedState[name])) {
-      return cb
-    }
-
-    if (includes(name, '.')) {
-      const path = name.split('.')
-      return (linkedState[path] = event => {
-        this.setState(cowSet(this.state, path, !get(this.state, path, 0), 0))
-      })
-    }
-
-    return (linkedState[name] = () => {
-      this.setState({
-        [name]: !this.state[name]
-      })
-    })
-  }
-}
-
-if (VERBOSE) {
-  const diff = (name, old, cur) => {
-    const keys = []
-
-    forEach(old, (value, key) => {
-      if (cur[key] !== value) {
-        keys.push(key)
-      }
-    })
-
-    if (keys.length) {
-      console.log(name, keys.sort().join())
-    }
-  }
-
-  BaseComponent.prototype.componentDidUpdate = function (oldProps, oldState) {
-    const prefix = `${this.constructor.name} updated because of its`
-    diff(`${prefix} props:`, oldProps, this.props)
-    diff(`${prefix} state:`, oldState, this.state)
-  }
-}

src/common/browser-notification.js

@@ -1,35 +0,0 @@
-import { noop } from 'utils'
-import Notify from 'notifyjs'
-
-let notify
-export { notify as default }
-
-const sendNotification = (title, body) => {
-  new Notify(title, {
-    body,
-    timeout: 5,
-    icon: 'assets/logo.png'
-  }).show()
-}
-
-const requestPermission = (...args) => {
-  if (Notify.isSupported()) {
-    Notify.requestPermission(
-      () => {
-        console.log('notifications allowed')
-
-        return (notify = sendNotification)(...args)
-      },
-      () => {
-        console.log('notifications denied')
-
-        notify = noop
-      }
-    )
-  } else {
-    notify = noop
-    console.warn('notifications are not supported')
-  }
-}
-
-notify = Notify.needsPermission ? requestPermission : sendNotification

src/common/card.js

@@ -1,51 +0,0 @@
-import React from 'react'
-
-import propTypes from './prop-types'
-
-const CARD_STYLE = {
-  minHeight: '100%'
-}
-
-const CARD_STYLE_WITH_SHADOW = {
-  ...CARD_STYLE,
-  boxShadow: '0 10px 6px -6px #777' // https://css-tricks.com/almanac/properties/b/box-shadow/
-}
-
-const CARD_HEADER_STYLE = {
-  minHeight: '100%',
-  textAlign: 'center'
-}
-
-export const Card = propTypes({
-  disableMaxHeight: propTypes.bool,
-  shadow: propTypes.bool
-})(({
-  children,
-  shadow
-}) => (
-  <div className='card' style={shadow ? CARD_STYLE_WITH_SHADOW : CARD_STYLE}>
-    {children}
-  </div>
-))
-
-export const CardHeader = propTypes({
-  className: propTypes.string
-})(({
-  children,
-  className
-}) => (
-  <h4 className={`card-header ${className || ''}`} style={CARD_HEADER_STYLE}>
-    {children}
-  </h4>
-))
-
-export const CardBlock = propTypes({
-  className: propTypes.string
-})(({
-  children,
-  className
-}) => (
-  <div className={`card-block ${className || ''}`}>
-    {children}
-  </div>
-))

src/common/center-panel/index.css

@@ -1,9 +0,0 @@
-.container {
-  display: flex;
-  min-height: 100%;
-}
-
-.content {
-  margin: auto;
-  text-align: center;
-}

src/common/center-panel/index.js

@@ -1,12 +0,0 @@
-import React from 'react'
-
-import styles from './index.css'
-
-const CenterPanel = ({ children }) =>
-  <div className={styles.container}>
-    <div className={styles.content}>
-      {children}
-    </div>
-  </div>
-
-export { CenterPanel as default }

src/common/collapse.js

@@ -1,37 +0,0 @@
-import React from 'react'
-
-import Component from './base-component'
-import Icon from './icon'
-import propTypes from './prop-types'
-
-@propTypes({
-  children: propTypes.any.isRequired,
-  className: propTypes.string,
-  buttonText: propTypes.any.isRequired,
-  defaultOpen: propTypes.bool
-})
-export default class Collapse extends Component {
-  state = {
-    isOpened: this.props.defaultOpen
-  }
-
-  _onClick = () => {
-    this.setState({
-      isOpened: !this.state.isOpened
-    })
-  }
-
-  render () {
-    const { props } = this
-    const { isOpened } = this.state
-
-    return (
-      <div className={props.className}>
-        <button className='btn btn-lg btn-primary btn-block' onClick={this._onClick}>
-          {props.buttonText} <Icon icon={`chevron-${isOpened ? 'up' : 'down'}`} />
-        </button>
-        {isOpened && props.children}
-      </div>
-    )
-  }
-}

src/common/combobox/index.css

@@ -1,3 +0,0 @@
-.button {
-    border-radius: 0px;
-};

src/common/combobox/index.js

@@ -1,105 +0,0 @@
-import map from 'lodash/map'
-import React from 'react'
-import size from 'lodash/size'
-
-import Component from '../base-component'
-import propTypes from '../prop-types'
-import { ensureArray } from '../utils'
-import {
-  DropdownButton,
-  MenuItem
-} from 'react-bootstrap-4/lib'
-
-import styles from './index.css'
-
-@propTypes({
-  defaultValue: propTypes.any,
-  disabled: propTypes.bool,
-  max: propTypes.number,
-  min: propTypes.number,
-  options: propTypes.oneOfType([
-    propTypes.arrayOf(propTypes.string),
-    propTypes.number,
-    propTypes.objectOf(propTypes.string),
-    propTypes.string
-  ]),
-  onChange: propTypes.func,
-  placeholder: propTypes.string,
-  required: propTypes.bool,
-  step: propTypes.any,
-  type: propTypes.string,
-  value: propTypes.any
-})
-export default class Combobox extends Component {
-  static defaultProps = {
-    type: 'text'
-  }
-
-  get value () {
-    return this.refs.input.value
-  }
-
-  set value (value) {
-    this.refs.input.value = value
-  }
-
-  _handleChange = event => {
-    const { onChange } = this.props
-
-    if (onChange) {
-      onChange(event.target.value)
-    }
-  }
-
-  _setText (value) {
-    this.refs.input.value = value
-  }
-
-  render () {
-    const { props } = this
-    const options = ensureArray(props.options)
-
-    const Input = (
-      <input
-        className='form-control'
-        defaultValue={props.defaultValue}
-        disabled={props.disabled}
-        max={props.max}
-        min={props.min}
-        options={options}
-        onChange={this._handleChange}
-        placeholder={props.placeholder}
-        ref='input'
-        required={props.required}
-        step={props.step}
-        type={props.type}
-        value={props.value}
-      />
-    )
-
-    if (!size(options)) {
-      return Input
-    }
-
-    return (
-      <div className='input-group'>
-        <div className='input-group-btn'>
-          <DropdownButton
-            bsStyle='secondary'
-            className={styles.button}
-            disabled={props.disabled}
-            id='selectInput'
-            title=''
-          >
-            {map(options, option => (
-              <MenuItem key={option} onClick={() => this._setText(option)}>
-                {option}
-              </MenuItem>
-            ))}
-          </DropdownButton>
-        </div>
-        {Input}
-      </div>
-    )
-  }
-}

src/common/complex-matcher/index.bench.js

@@ -1,18 +0,0 @@
-import {
-  parse,
-  toString
-} from './'
-import {
-  ast,
-  pattern
-} from './index.fixtures'
-
-export default ({ benchmark }) => {
-  benchmark('parse', () => {
-    parse(pattern)
-  })
-
-  benchmark('toString', () => {
-    ast::toString()
-  })
-}

src/common/complex-matcher/index.fixtures.js

@@ -1,20 +0,0 @@
-import {
-  createAnd,
-  createOr,
-  createNot,
-  createProperty,
-  createString,
-  createTruthyProperty
-} from './'
-
-export const pattern = 'foo !"\\\\ \\"" name:|(wonderwoman batman) hasCape?'
-
-export const ast = createAnd([
-  createString('foo'),
-  createNot(createString('\\ "')),
-  createProperty('name', createOr([
-    createString('wonderwoman'),
-    createString('batman')
-  ])),
-  createTruthyProperty('hasCape')
-])

src/common/complex-matcher/index.js

@@ -1,421 +0,0 @@
-import every from 'lodash/every'
-import filter from 'lodash/filter'
-import forEach from 'lodash/forEach'
-import isArray from 'lodash/isArray'
-import isPlainObject from 'lodash/isPlainObject'
-import isString from 'lodash/isString'
-import map from 'lodash/map'
-import some from 'lodash/some'
-
-import filterReduce from '../filter-reduce'
-import invoke from '../invoke'
-
-// ===================================================================
-
-const RAW_STRING_CHARS = invoke(() => {
-  const chars = { __proto__: null }
-  const add = (a, b = a) => {
-    let i = a.charCodeAt(0)
-    const j = b.charCodeAt(0)
-    while (i <= j) {
-      chars[String.fromCharCode(i++)] = true
-    }
-  }
-  add('$')
-  add('-')
-  add('.')
-  add('0', '9')
-  add('_')
-  add('A', 'Z')
-  add('a', 'z')
-  return chars
-})
-const isRawString = string => {
-  const { length } = string
-  for (let i = 0; i < length; ++i) {
-    if (!RAW_STRING_CHARS[string[i]]) {
-      return false
-    }
-  }
-  return true
-}
-
-// -------------------------------------------------------------------
-
-export const createAnd = children => children.length === 1
-  ? children[0]
-  : { type: 'and', children }
-
-export const createOr = children => children.length === 1
-  ? children[0]
-  : { type: 'or', children }
-
-export const createNot = child => ({ type: 'not', child })
-
-export const createProperty = (name, child) => ({ type: 'property', name, child })
-
-export const createString = value => ({ type: 'string', value })
-
-export const createTruthyProperty = name => ({ type: 'truthyProperty', name })
-
-// -------------------------------------------------------------------
-
-// *and           = terms
-// terms          = term+
-// term           = ws (groupedAnd | or | not | property | truthyProperty | string) ws
-// ws             = ' '*
-// groupedAnd     = "(" and ")"
-// *or            = "|" ws "(" terms ")"
-// *not           = "!" term
-// *property      = string ws ":" term
-// *truthyProperty = string ws "?"
-// *string        = quotedString | rawString
-// quotedString   = "\"" ( /[^"\]/ | "\\\\" | "\\\"" )+
-// rawString      = /[a-z0-9-_.]+/i
-export const parse = invoke(() => {
-  let i
-  let n
-  let input
-
-  // -----
-
-  const backtrace = parser => () => {
-    const pos = i
-    const node = parser()
-    if (node != null) {
-      return node
-    }
-    i = pos
-  }
-
-  // -----
-
-  const parseAnd = () => parseTerms(createAnd)
-  const parseTerms = fn => {
-    let term = parseTerm()
-    if (!term) {
-      return
-    }
-
-    const terms = [ term ]
-    while ((term = parseTerm())) {
-      terms.push(term)
-    }
-    return fn(terms)
-  }
-  const parseTerm = () => {
-    parseWs()
-
-    const child = (
-      parseGroupedAnd() ||
-      parseOr() ||
-      parseNot() ||
-      parseProperty() ||
-      parseTruthyProperty() ||
-      parseString()
-    )
-    if (child) {
-      parseWs()
-      return child
-    }
-  }
-  const parseWs = () => {
-    while (input[i] === ' ') {
-      ++i
-    }
-
-    return true
-  }
-  const parseGroupedAnd = backtrace(() => {
-    let and
-    if (
-      input[i++] === '(' &&
-      (and = parseAnd()) &&
-      input[i++] === ')'
-    ) {
-      return and
-    }
-  })
-  const parseOr = backtrace(() => {
-    let or
-    if (
-      input[i++] === '|' &&
-      parseWs() &&
-      input[i++] === '(' &&
-      (or = parseTerms(createOr)) &&
-      input[i++] === ')'
-    ) {
-      return or
-    }
-  })
-  const parseNot = backtrace(() => {
-    let child
-    if (
-      input[i++] === '!' &&
-      (child = parseTerm())
-    ) {
-      return createNot(child)
-    }
-  })
-  const parseProperty = backtrace(() => {
-    let name, child
-    if (
-      (name = parseString()) &&
-      parseWs() &&
-      (input[i++] === ':') &&
-      (child = parseTerm())
-    ) {
-      return createProperty(name.value, child)
-    }
-  })
-  const parseString = () => {
-    let value
-    if (
-      (value = parseQuotedString()) != null ||
-      (value = parseRawString()) != null
-    ) {
-      return createString(value)
-    }
-  }
-  const parseQuotedString = backtrace(() => {
-    if (input[i++] !== '"') {
-      return
-    }
-
-    const value = []
-    let char
-    while (i < n && (char = input[i++]) !== '"') {
-      if (char === '\\') {
-        char = input[i++]
-      }
-      value.push(char)
-    }
-
-    return value.join('')
-  })
-  const parseRawString = () => {
-    let value = ''
-    let c
-    while (
-      (c = input[i]) &&
-      RAW_STRING_CHARS[c]
-    ) {
-      ++i
-      value += c
-    }
-    if (value.length) {
-      return value
-    }
-  }
-  const parseTruthyProperty = backtrace(() => {
-    let name
-    if (
-      (name = parseString()) &&
-      parseWs() &&
-      input[i++] === '?'
-    ) {
-      return createTruthyProperty(name.value)
-    }
-  })
-
-  return input_ => {
-    if (!input_) {
-      return
-    }
-
-    i = 0
-    input = input_.split('')
-    n = input.length
-
-    try {
-      return parseAnd()
-    } finally {
-      input = null
-    }
-  }
-})
-
-// -------------------------------------------------------------------
-
-const _getPropertyClauseStrings = ({ child }) => {
-  const { type } = child
-
-  if (type === 'or') {
-    const strings = []
-    forEach(child.children, child => {
-      if (child.type === 'string') {
-        strings.push(child.value)
-      }
-    })
-    return strings
-  }
-
-  if (type === 'string') {
-    return [ child.value ]
-  }
-
-  return []
-}
-
-// Find possible values for property clauses in a and clause.
-export const getPropertyClausesStrings = function () {
-  if (!this) {
-    return {}
-  }
-
-  const { type } = this
-
-  if (type === 'property') {
-    return {
-      [this.name]: _getPropertyClauseStrings(this)
-    }
-  }
-
-  if (type === 'and') {
-    const strings = {}
-    forEach(this.children, node => {
-      if (node.type === 'property') {
-        const { name } = node
-        const values = strings[name]
-        if (values) {
-          values.push.apply(values, _getPropertyClauseStrings(node))
-        } else {
-          strings[name] = _getPropertyClauseStrings(node)
-        }
-      }
-    })
-    return strings
-  }
-
-  return {}
-}
-
-// -------------------------------------------------------------------
-
-export const removePropertyClause = function (name) {
-  let type
-  if (
-    !this ||
-    (type = this.type) === 'property' && this.name === name
-  ) {
-    return
-  }
-
-  if (type === 'and') {
-    return createAnd(filter(this.children, node =>
-      node.type !== 'property' || node.name !== name
-    ))
-  }
-
-  return this
-}
-
-// -------------------------------------------------------------------
-
-const _addAndClause = (node, child, predicate, reducer) =>
-  createAnd(filterReduce(
-    node.type === 'and'
-      ? node.children
-      : [ node ],
-    predicate,
-    reducer,
-    child
-  ))
-
-export const setPropertyClause = function (name, child) {
-  const property = createProperty(
-    name,
-    isString(child) ? createString(child) : child
-  )
-
-  if (!this) {
-    return property
-  }
-
-  return _addAndClause(
-    this,
-    property,
-    node => node.type === 'property' && node.name === name,
-  )
-}
-
-// -------------------------------------------------------------------
-
-export const execute = invoke(() => {
-  const visitors = {
-    and: ({ children }, value) => (
-      every(children, child => child::execute(value))
-    ),
-    not: ({ child }, value) => (
-      !child::execute(value)
-    ),
-    or: ({ children }, value) => (
-      some(children, child => child::execute(value))
-    ),
-    property: ({ name, child }, value) => (
-      value != null && child::execute(value[name])
-    ),
-    truthyProperty: ({ name }, value) => !!value[name],
-    string: invoke(() => {
-      const match = (pattern, value) => {
-        if (isString(value)) {
-          return value.toLowerCase().indexOf(pattern) !== -1
-        }
-
-        if (isArray(value) || isPlainObject(value)) {
-          return some(value, value => match(pattern, value))
-        }
-
-        return false
-      }
-
-      return ({ value: pattern }, value) => (
-        match(pattern.toLowerCase(), value)
-      )
-    })
-  }
-
-  return function (value) {
-    return visitors[this.type](this, value)
-  }
-})
-
-// -------------------------------------------------------------------
-
-export const toString = invoke(() => {
-  const toStringTerms = terms => map(terms, toString).join(' ')
-  const toStringGroup = terms => `(${toStringTerms(terms)})`
-
-  const visitors = {
-    and: ({ children }) => toStringGroup(children),
-    not: ({ child }) => `!${toString(child)}`,
-    or: ({ children }) => `|${toStringGroup(children)}`,
-    property: ({ name, child }) => `${toString(createString(name))}:${toString(child)}`,
-    string: ({ value }) => isRawString(value)
-      ? value
-      : `"${value.replace(/\\|"/g, match => `\\${match}`)}"`,
-    truthyProperty: ({ name }) => `${toString(createString(name))}?`
-  }
-
-  const toString = node => visitors[node.type](node)
-
-  // Special case for a root “and”: do not add braces.
-  return function () {
-    return !this
-      ? ''
-      : this.type === 'and'
-        ? toStringTerms(this.children)
-        : toString(this)
-  }
-})
-
-// -------------------------------------------------------------------
-
-export const create = pattern => {
-  pattern = parse(pattern)
-  if (!pattern) {
-    return
-  }
-
-  return value => pattern::execute(value)
-}

src/common/complex-matcher/index.spec.js

@@ -1,46 +0,0 @@
-/* eslint-env jest */
-
-import {
-  getPropertyClausesStrings,
-  parse,
-  setPropertyClause,
-  toString
-} from './'
-import {
-  ast,
-  pattern
-} from './index.fixtures'
-
-it('getPropertyClausesStrings', () => {
-  const tmp = parse('foo bar:baz baz:|(foo bar)')::getPropertyClausesStrings()
-  expect(tmp).toEqual({
-    bar: [ 'baz' ],
-    baz: [ 'foo', 'bar' ]
-  })
-})
-
-it('parse', () => {
-  expect(parse(pattern)).toEqual(ast)
-})
-
-it('setPropertyClause', () => {
-  expect(
-    null::setPropertyClause('foo', 'bar')::toString()
-  ).toBe('foo:bar')
-
-  expect(
-    parse('baz')::setPropertyClause('foo', 'bar')::toString()
-  ).toBe('baz foo:bar')
-
-  expect(
-    parse('plip foo:baz plop')::setPropertyClause('foo', 'bar')::toString()
-  ).toBe('plip plop foo:bar')
-
-  expect(
-    parse('foo:|(baz plop)')::setPropertyClause('foo', 'bar')::toString()
-  ).toBe('foo:bar')
-})
-
-it('toString', () => {
-  expect(pattern).toBe(ast::toString())
-})

src/common/copiable/index.css

@@ -1,9 +0,0 @@
-.container .button {
-  position: absolute;
-  margin-left: 1ex;
-  visibility: hidden;
-}
-
-.container:hover .button {
-  visibility: visible;
-}

src/common/copiable/index.js

@@ -1,31 +0,0 @@
-import _ from 'intl'
-import CopyToClipboard from 'react-copy-to-clipboard'
-import classNames from 'classnames'
-import Tooltip from 'tooltip'
-import React, { createElement } from 'react'
-
-import Icon from '../icon'
-import propTypes from '../prop-types'
-
-import styles from './index.css'
-
-const Copiable = propTypes({
-  data: propTypes.string,
-  tagName: propTypes.string
-})(({ className, tagName = 'span', ...props }) => createElement(
-  tagName,
-  {
-    ...props,
-    className: classNames(styles.container, className)
-  },
-  props.children,
-  ' ',
-  <Tooltip content={_('copyToClipboard')}>
-    <CopyToClipboard text={props.data || props.children}>
-      <button className={classNames('btn btn-sm btn-secondary', styles.button)}>
-        <Icon icon='clipboard' />
-      </button>
-    </CopyToClipboard>
-  </Tooltip>
-))
-export { Copiable as default }

src/common/d3-utils.js

@@ -1,9 +0,0 @@
-import forEach from 'lodash/forEach'
-
-export function setStyles (style) {
-  forEach(style, (value, key) => {
-    this.style(key, value)
-  })
-
-  return this
-}

src/common/debug.js

@@ -1,55 +0,0 @@
-import React, { Component, PropTypes } from 'react'
-import { isPromise } from 'promise-toolbox'
-
-const toString = value => value === undefined
-  ? 'undefined'
-  : JSON.stringify(value, null, 2)
-
-// This component does not handle changes in its `promise` property.
-class DebugAsync extends Component {
-  static propTypes = {
-    promise: PropTypes.object.isRequired
-  }
-
-  constructor (props) {
-    super()
-
-    this.state = {
-      status: 'pending'
-    }
-
-    props.promise.then(
-      value => this.setState({ status: 'resolved', value }),
-      value => this.setState({ status: 'rejected', value })
-    )
-  }
-
-  shouldComponentUpdate (_, newState) {
-    return this.state.status !== newState.status
-  }
-
-  render () {
-    const { status, value } = this.state
-
-    if (status === 'pending') {
-      return <pre>{'Promise { <pending> }'}</pre>
-    }
-
-    return <pre>
-      {'Promise { '}
-      {status === 'rejected' && '<rejected> '}
-      {toString(value)}
-      {' }'}
-    </pre>
-  }
-}
-
-const Debug = ({ value }) => isPromise(value)
-  ? <DebugAsync promise={value} />
-  : <pre>{toString(value)}</pre>
-
-Debug.propTypes = {
-  value: PropTypes.any.isRequired
-}
-
-export { Debug as default }

src/common/dropzone/index.css

@@ -1,22 +0,0 @@
-@value dropzoneColor: #8f8686;
-
-.dropzone {
-    border-radius: 4px;
-    border: 2px dashed dropzoneColor;
-    cursor: pointer;
-    display: flex;
-    height: 12em;
-    margin-bottom: 20px;
-    width: 100%;
-}
-
-.activeDropzone {
-    background: #f0f0f0;
-    border-style: solid;
-}
-
-.dropzoneText {
-    color: dropzoneColor;
-    font-size: 1.2em;
-    margin: auto;
-}

src/common/dropzone/index.js

@@ -1,20 +0,0 @@
-import Component from 'base-component'
-import propTypes from 'prop-types'
-import React from 'react'
-import ReactDropzone from 'react-dropzone'
-
-import styles from './index.css'
-
-@propTypes({
-  onDrop: propTypes.func,
-  message: propTypes.node
-})
-export default class Dropzone extends Component {
-  render () {
-    const { onDrop, message } = this.props
-
-    return <ReactDropzone onDrop={onDrop} className={styles.dropzone} activeClassName={styles.activeDropzone}>
-      <div className={styles.dropzoneText}>{message}</div>
-    </ReactDropzone>
-  }
-}

src/common/editable/index.css

@@ -1,13 +0,0 @@
-.clickToEdit * {
-  cursor: context-menu !important;
-}
-.shortClick {
-  border-bottom: 1px dashed #ccc;
-}
-
-.select {
-  padding: 0px;
-}
-.size {
-  width: 10rem;
-}

src/common/editable/index.js

@@ -1,481 +0,0 @@
-import classNames from 'classnames'
-import findKey from 'lodash/findKey'
-import isFunction from 'lodash/isFunction'
-import isString from 'lodash/isString'
-import map from 'lodash/map'
-import pick from 'lodash/pick'
-import React from 'react'
-
-import _ from '../intl'
-import Component from '../base-component'
-import getEventValue from '../get-event-value'
-import Icon from '../icon'
-import logError from '../log-error'
-import propTypes from '../prop-types'
-import Tooltip from '../tooltip'
-import { formatSize } from '../utils'
-import { SizeInput } from '../form'
-import {
-  SelectHost,
-  SelectIp,
-  SelectNetwork,
-  SelectPool,
-  SelectRemote,
-  SelectResourceSetIp,
-  SelectSr,
-  SelectSubject,
-  SelectTag,
-  SelectVm,
-  SelectVmTemplate
-} from '../select-objects'
-
-import styles from './index.css'
-
-const LONG_CLICK = 400
-
-@propTypes({
-  alt: propTypes.node.isRequired
-})
-class Hover extends Component {
-  constructor () {
-    super()
-
-    this.state = {
-      hover: false
-    }
-
-    this._onMouseEnter = () => this.setState({ hover: true })
-    this._onMouseLeave = () => this.setState({ hover: false })
-  }
-
-  render () {
-    if (this.state.hover) {
-      return <span onMouseLeave={this._onMouseLeave}>
-        {this.props.alt}
-      </span>
-    }
-
-    return <span onMouseEnter={this._onMouseEnter}>
-      {this.props.children}
-    </span>
-  }
-}
-
-@propTypes({
-  onChange: propTypes.func.isRequired,
-  onUndo: propTypes.oneOfType([
-    propTypes.bool,
-    propTypes.func
-  ]),
-  useLongClick: propTypes.bool,
-  value: propTypes.any.isRequired
-})
-class Editable extends Component {
-  get value () {
-    throw new Error('not implemented')
-  }
-
-  _onKeyDown = event => {
-    const { keyCode } = event
-    if (keyCode === 27) {
-      return this._closeEdition()
-    }
-
-    if (keyCode === 13) {
-      return this._save()
-    }
-  }
-
-  _closeEdition = () => {
-    this.setState({ editing: false })
-  }
-
-  _openEdition = () => {
-    this.setState({
-      editing: true,
-      error: null,
-      saving: false
-    })
-  }
-
-  _undo = () => {
-    const { props } = this
-    const { onUndo } = props
-    if (onUndo === false) {
-      return
-    }
-
-    return this.__save(
-      () => this.state.previous,
-      isFunction(onUndo) ? onUndo : props.onChange
-    )
-  }
-
-  _save () {
-    return this.__save(
-      () => this.value,
-      this.props.onChange
-    )
-  }
-
-  async __save (getValue, saveValue) {
-    const { props } = this
-
-    try {
-      const value = getValue()
-      const previous = props.value
-      if (value === previous) {
-        return this._closeEdition()
-      }
-
-      this.setState({ saving: true })
-
-      await saveValue(value)
-
-      this.setState({ previous })
-      this._closeEdition()
-    } catch (error) {
-      this.setState({
-        // `error` may be undefined if the action has been cancelled
-        error: error !== undefined && (isString(error) ? error : error.message),
-        saving: false
-      })
-      logError(error)
-    }
-  }
-
-  __startTimer = event => {
-    event.persist()
-    this._timeout = setTimeout(() => {
-      event.preventDefault()
-      this._openEdition()
-    }, LONG_CLICK)
-  }
-  __stopTimer = () => clearTimeout(this._timeout)
-
-  render () {
-    const { state, props } = this
-
-    if (!state.editing) {
-      const { onUndo, previous } = state
-      const { useLongClick } = props
-
-      const success = <Icon icon='success' />
-      return <span className={classNames(styles.clickToEdit, !useLongClick && styles.shortClick)}>
-        <span
-          onClick={!useLongClick && this._openEdition}
-          onMouseDown={useLongClick && this.__startTimer}
-          onMouseUp={useLongClick && this.__stopTimer}
-        >
-          {this._renderDisplay()}
-        </span>
-        {previous != null && (onUndo !== false
-          ? <Hover
-            alt={<a onClick={this._undo}><Icon icon='undo' /></a>}
-          >
-            {success}
-          </Hover>
-          : success
-        )}
-      </span>
-    }
-
-    const { error, saving } = state
-
-    return <span>
-      {this._renderEdition()}
-      {saving && <span>{' '}<Icon icon='loading' /></span>}
-      {error != null && <span>
-        {' '}<Tooltip content={error}><Icon icon='error' /></Tooltip>
-      </span>}
-    </span>
-  }
-}
-
-@propTypes({
-  autoComplete: propTypes.string,
-  maxLength: propTypes.number,
-  minLength: propTypes.number,
-  pattern: propTypes.string,
-  value: propTypes.string.isRequired
-})
-export class Text extends Editable {
-  get value () {
-    const { input } = this.refs
-
-    // FIXME: should be properly forwarded to the user.
-    const error = input.validationMessage
-    if (error) {
-      throw new Error(error)
-    }
-
-    return input.value
-  }
-
-  _onInput = ({ target }) => {
-    target.style.width = `${target.value.length + 1}ex`
-  }
-
-  _renderDisplay () {
-    const {
-      children,
-      value
-    } = this.props
-
-    if (children || value) {
-      return <span> {children || value} </span>
-    }
-
-    const {
-      placeholder,
-      useLongClick
-    } = this.props
-
-    return <span className='text-muted'>
-      {placeholder ||
-        (useLongClick ? _('editableLongClickPlaceholder') : _('editableClickPlaceholder'))
-      }
-    </span>
-  }
-
-  _renderEdition () {
-    const { value } = this.props
-    const { saving } = this.state
-
-    // Optional props that the user may set on the input.
-    const extraProps = pick(this.props, [
-      'autoComplete',
-      'maxLength',
-      'minLength',
-      'pattern'
-    ])
-
-    return <input
-      {...extraProps}
-
-      autoFocus
-      defaultValue={value}
-      onBlur={this._closeEdition}
-      onInput={this._onInput}
-      onKeyDown={this._onKeyDown}
-      readOnly={saving}
-      ref='input'
-      style={{
-        width: `${value.length + 1}ex`,
-        maxWidth: '50ex'
-      }}
-      type={this._isPassword ? 'password' : 'text'}
-    />
-  }
-}
-
-export class Password extends Text {
-  // TODO: this is a hack, this class should probably have a better
-  // implementation.
-  _isPassword = true
-}
-
-@propTypes({
-  nullable: propTypes.bool,
-  value: propTypes.number
-})
-export class Number extends Component {
-  get value () {
-    return +this.refs.input.value
-  }
-
-  _onChange = value => {
-    if (value === '') {
-      if (this.props.nullable) {
-        value = null
-      } else {
-        return
-      }
-    } else {
-      value = +value
-    }
-
-    this.props.onChange(value)
-  }
-
-  render () {
-    const { value } = this.props
-    return <Text
-      {...this.props}
-      onChange={this._onChange}
-      value={value === null ? '' : String(value)}
-    />
-  }
-}
-
-@propTypes({
-  options: propTypes.oneOfType([
-    propTypes.array,
-    propTypes.object
-  ]).isRequired,
-  renderer: propTypes.func
-})
-export class Select extends Editable {
-  componentWillReceiveProps (props) {
-    if (
-      props.value !== this.props.value ||
-      props.options !== this.props.options
-    ) {
-      this.setState({ valueKey: findKey(props.options, option => option === props.value) })
-    }
-  }
-
-  get value () {
-    return this.props.options[this.state.valueKey]
-  }
-
-  _onChange = event => {
-    this.setState({ valueKey: getEventValue(event) }, this._save)
-  }
-
-  _optionToJsx = (option, key) => {
-    const { renderer } = this.props
-
-    return <option
-      key={key}
-      value={key}
-    >
-      {renderer ? renderer(option) : option}
-    </option>
-  }
-
-  _onEditionMount = ref => {
-    // Seems to work in Google Chrome (not in Firefox)
-    ref && ref.dispatchEvent(new window.MouseEvent('mousedown'))
-  }
-
-  _renderDisplay () {
-    const { children, renderer, value } = this.props
-
-    return children ||
-      <span>{renderer ? renderer(value) : value}</span>
-  }
-
-  _renderEdition () {
-    const { saving, valueKey } = this.state
-    const { options } = this.props
-
-    return <select
-      autoFocus
-      className={classNames('form-control', styles.select)}
-      onBlur={this._closeEdition}
-      onChange={this._onChange}
-      onKeyDown={this._onKeyDown}
-      readOnly={saving}
-      ref={this._onEditionMount}
-      value={valueKey}
-    >
-      {map(options, this._optionToJsx)}
-    </select>
-  }
-}
-
-const MAP_TYPE_SELECT = {
-  host: SelectHost,
-  ip: SelectIp,
-  network: SelectNetwork,
-  pool: SelectPool,
-  remote: SelectRemote,
-  resourceSetIp: SelectResourceSetIp,
-  SR: SelectSr,
-  subject: SelectSubject,
-  tag: SelectTag,
-  VM: SelectVm,
-  'VM-template': SelectVmTemplate
-}
-
-@propTypes({
-  labelProp: propTypes.string.isRequired,
-  value: propTypes.oneOfType([
-    propTypes.string,
-    propTypes.object
-  ])
-})
-export class XoSelect extends Editable {
-  get value () {
-    return this.state.value
-  }
-
-  _renderDisplay () {
-    return this.props.children ||
-      <span>{this.props.value[this.props.labelProp]}</span>
-  }
-
-  _onChange = object =>
-    this.setState({ value: object }, object && this._save)
-
-  _renderEdition () {
-    const {
-      saving,
-      xoType,
-      ...props
-    } = this.props
-
-    const Select = MAP_TYPE_SELECT[xoType]
-    if (process.env.NODE_ENV !== 'production') {
-      if (!Select) {
-        throw new Error(`${xoType} is not a valid XoSelect type.`)
-      }
-    }
-
-    // Anchor is needed so that the BlockLink does not trigger a redirection
-    // when this element is clicked.
-    return <a onBlur={this._closeEdition}>
-      <Select
-        {...props}
-        autoFocus
-        disabled={saving}
-        onChange={this._onChange}
-      />
-    </a>
-  }
-}
-
-@propTypes({
-  value: propTypes.number.isRequired
-})
-export class Size extends Editable {
-  get value () {
-    return this.refs.input.value
-  }
-
-  _renderDisplay () {
-    return this.props.children || formatSize(this.props.value)
-  }
-
-  _closeEditionIfUnfocused = () => {
-    this._focused = false
-    setTimeout(() => {
-      !this._focused && this._closeEdition()
-    }, 10)
-  }
-
-  _focus = () => { this._focused = true }
-
-  _renderEdition () {
-    const { saving } = this.state
-    const { value } = this.props
-
-    return <span
-      // SizeInput uses `input-group` which makes it behave as a block element (display: table).
-      // `form-inline` to use it as an inline element
-      className='form-inline'
-      onBlur={this._closeEditionIfUnfocused}
-      onFocus={this._focus}
-      onKeyDown={this._onKeyDown}
-    >
-      <SizeInput
-        autoFocus
-        className={styles.size}
-        ref='input'
-        readOnly={saving}
-        defaultValue={value}
-      />
-    </span>
-  }
-}

src/common/ellipsis.js

@@ -1,26 +0,0 @@
-import React from 'react'
-
-const ellipsisStyle = {
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-}
-
-const ellipsisContainerStyle = {
-  display: 'flex'
-}
-
-const Ellipsis = ({ children }) => (
-  <span style={ellipsisStyle}>
-    {children}
-  </span>
-)
-export { Ellipsis as default }
-
-export const EllipsisContainer = ({ children }) => (
-  <div style={ellipsisContainerStyle}>
-    {React.Children.map(children, child =>
-      child == null || child.type === Ellipsis ? child : <span>{child}</span>
-    )}
-  </div>
-)

src/common/filter-reduce.js

@@ -1,45 +0,0 @@
-import findIndex from 'lodash/findIndex'
-import identity from 'lodash/identity'
-
-// Returns a copy of the array containing:
-// - the elements which did not matches the predicate
-// - the result of the reduction of the elements matching the
-//   predicates
-//
-// As a special case, if the predicate is not provided, it is
-// considered to have not matched.
-const filterReduce = (array, predicate, reducer, initial) => {
-  const { length } = array
-  let i
-  if (
-    !length ||
-    !predicate ||
-    (i = findIndex(array, predicate)) === -1
-  ) {
-    return initial == null
-      ? array.slice(0)
-      : array.concat(initial)
-  }
-
-  if (reducer == null) {
-    reducer = identity
-  }
-
-  const result = array.slice(0, i)
-  let value = initial == null
-    ? array[i]
-    : reducer(initial, array[i], i, array)
-
-  for (i = i + 1; i < length; ++i) {
-    const current = array[i]
-    if (predicate(current, i, array)) {
-      value = reducer(value, current, i, array)
-    } else {
-      result.push(current)
-    }
-  }
-
-  result.push(value)
-  return result
-}
-export { filterReduce as default }

src/common/filter-reduce.spec.js

@@ -1,25 +0,0 @@
-/* eslint-env jest */
-
-import filterReduce from './filter-reduce'
-
-const add = (a, b) => a + b
-const data = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
-const isEven = x => !(x & 1)
-
-it('filterReduce', () => {
-  // Returns all elements not matching the predicate and the result of
-  // a reduction over those who do.
-  expect(filterReduce(data, isEven, add)).toEqual(
-    [ 1, 3, 5, 7, 9, 20 ]
-  )
-
-  // The default reducer is the identity.
-  expect(filterReduce(data, isEven)).toEqual(
-    [ 1, 3, 5, 7, 9, 0 ]
-  )
-
-  // If an initial value is passed it is used.
-  expect(filterReduce(data, isEven, add, 22)).toEqual(
-    [ 1, 3, 5, 7, 9, 42 ]
-  )
-})

src/common/form-grid.js

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import * as Grid from './grid'
-import propTypes from './prop-types'
-
-export const LabelCol = propTypes({
-  children: propTypes.any.isRequired
-})(({ children }) => (
-  <label className='col-md-2 form-control-label'>{children}</label>
-))
-
-export const InputCol = propTypes({
-  children: propTypes.any.isRequired
-})(({ children }) => (
-  <Grid.Col mediumSize={10}>{children}</Grid.Col>
-))
-
-export const Row = propTypes({
-  children: propTypes.arrayOf(propTypes.element).isRequired
-})(({ children }) => (
-  <Grid.Row className='form-group'>
-    {children}
-  </Grid.Row>
-))

src/common/form/index.js

@@ -1,314 +0,0 @@
-import BaseComponent from 'base-component'
-import classNames from 'classnames'
-import Icon from 'icon'
-import map from 'lodash/map'
-import randomPassword from 'random-password'
-import React from 'react'
-import round from 'lodash/round'
-import SingleLineRow from 'single-line-row'
-import { Container, Col } from 'grid'
-import {
-  DropdownButton,
-  MenuItem
-} from 'react-bootstrap-4/lib'
-
-import Component from '../base-component'
-import getEventValue from '../get-event-value'
-import propTypes from '../prop-types'
-import {
-  firstDefined,
-  formatSizeRaw,
-  parseSize
-} from '../utils'
-
-export Select from './select'
-export SelectPlainObject from './select-plain-object'
-
-// ===================================================================
-
-@propTypes({
-  enableGenerator: propTypes.bool
-})
-export class Password extends Component {
-  get value () {
-    return this.refs.field.value
-  }
-
-  set value (value) {
-    this.refs.field.value = value
-  }
-
-  _generate = () => {
-    const value = randomPassword(8)
-    const isControlled = this.props.value !== undefined
-    if (isControlled) {
-      this.props.onChange(value)
-    } else {
-      this.refs.field.value = value
-    }
-
-    // FIXME: in controlled mode, visibility should only be updated
-    // when the value prop is changed according to the emitted value.
-    this.setState({
-      visible: true
-    })
-  }
-
-  _toggleVisibility = () => {
-    this.setState({
-      visible: !this.state.visible
-    })
-  }
-
-  render () {
-    const {
-      className,
-      enableGenerator = false,
-      ...props
-    } = this.props
-    const { visible } = this.state
-
-    return <div className='input-group'>
-      {enableGenerator && <span className='input-group-btn'>
-        <button type='button' className='btn btn-secondary' onClick={this._generate}>
-          <Icon icon='password' />
-        </button>
-      </span>}
-      <input
-        {...props}
-        className={classNames(className, 'form-control')}
-        ref='field'
-        type={visible ? 'text' : 'password'}
-      />
-      <span className='input-group-btn'>
-        <button type='button' className='btn btn-secondary' onClick={this._toggleVisibility}>
-          <Icon icon={visible ? 'shown' : 'hidden'} />
-        </button>
-      </span>
-    </div>
-  }
-}
-
-// ===================================================================
-
-@propTypes({
-  max: propTypes.number.isRequired,
-  min: propTypes.number.isRequired,
-  onChange: propTypes.func,
-  step: propTypes.number,
-  value: propTypes.number
-})
-export class Range extends Component {
-  componentDidMount () {
-    const { min, onChange, value } = this.props
-
-    if (!value) {
-      onChange && onChange(min)
-    }
-  }
-
-  _onChange = value =>
-    this.props.onChange(getEventValue(value))
-
-  render () {
-    const { max, min, step, value } = this.props
-
-    return <Container>
-      <SingleLineRow>
-        <Col size={2}>
-          <span className='pull-right'>{value}</span>
-        </Col>
-        <Col size={10}>
-          <input
-            className='form-control'
-            max={max}
-            min={min}
-            onChange={this._onChange}
-            step={step}
-            type='range'
-            value={value}
-          />
-        </Col>
-      </SingleLineRow>
-    </Container>
-  }
-}
-
-export Toggle from './toggle'
-
-const UNITS = ['kiB', 'MiB', 'GiB']
-const DEFAULT_UNIT = 'GiB'
-@propTypes({
-  autoFocus: propTypes.bool,
-  className: propTypes.string,
-  defaultUnit: propTypes.oneOf(UNITS),
-  defaultValue: propTypes.number,
-  onChange: propTypes.func,
-  placeholder: propTypes.string,
-  readOnly: propTypes.bool,
-  required: propTypes.bool,
-  style: propTypes.object,
-  value: propTypes.oneOfType([
-    propTypes.number,
-    propTypes.oneOf([ null ])
-  ])
-})
-export class SizeInput extends BaseComponent {
-  constructor (props) {
-    super(props)
-
-    this.state = this._createStateFromBytes(firstDefined(props.value, props.defaultValue, null))
-  }
-
-  componentWillReceiveProps (props) {
-    const { value } = props
-    if (value !== undefined && value !== this.props.value) {
-      this.setState(this._createStateFromBytes(value))
-    }
-  }
-
-  _createStateFromBytes (bytes) {
-    if (bytes === this._bytes) {
-      return {
-        input: this._input,
-        unit: this._unit
-      }
-    }
-
-    if (bytes === null) {
-      return {
-        input: '',
-        unit: this.props.defaultUnit || DEFAULT_UNIT
-      }
-    }
-
-    const { prefix, value } = formatSizeRaw(bytes)
-    return {
-      input: String(round(value, 2)),
-      unit: `${prefix}B`
-    }
-  }
-
-  get value () {
-    const { input, unit } = this.state
-
-    if (!input) {
-      return null
-    }
-
-    return parseSize(`${+input} ${unit}`)
-  }
-
-  set value (value) {
-    if (
-      process.env.NODE_ENV !== 'production' &&
-      this.props.value !== undefined
-    ) {
-      throw new Error('cannot set value of controlled SizeInput')
-    }
-    this.setState(this._createStateFromBytes(value))
-  }
-
-  _onChange (input, unit) {
-    const { onChange } = this.props
-
-    // Empty input equals null.
-    const bytes = input
-      ? parseSize(`${+input} ${unit}`)
-      : null
-
-    const isControlled = this.props.value !== undefined
-    if (isControlled) {
-      // Store input and unit for this change to update correctly on new
-      // props.
-      this._bytes = bytes
-      this._input = input
-      this._unit = unit
-    } else {
-      this.setState({ input, unit })
-
-      // onChange is optional in uncontrolled mode.
-      if (!onChange) {
-        return
-      }
-    }
-
-    onChange(bytes)
-  }
-
-  _updateNumber = event => {
-    const input = event.target.value
-
-    if (!input) {
-      return this._onChange(input, this.state.unit)
-    }
-
-    const number = +input
-
-    // NaN: do not ack this change.
-    if (number !== number) { // eslint-disable-line no-self-compare
-      return
-    }
-
-    // Same numeric value: simply update the input.
-    const prevInput = this.state.input
-    if (prevInput && +prevInput === number) {
-      return this.setState({ input })
-    }
-
-    this._onChange(input, this.state.unit)
-  }
-
-  _updateUnit = unit => {
-    const { input } = this.state
-
-    // 0 is always 0, no matter the unit.
-    if (+input) {
-      this._onChange(input, unit)
-    } else {
-      this.setState({ unit })
-    }
-  }
-
-  render () {
-    const {
-      autoFocus,
-      className,
-      readOnly,
-      placeholder,
-      required,
-      style
-    } = this.props
-
-    return <span className={classNames('input-group', className)} style={style}>
-      <input
-        autoFocus={autoFocus}
-        className='form-control'
-        disabled={readOnly}
-        onChange={this._updateNumber}
-        placeholder={placeholder}
-        required={required}
-        type='text'
-        value={this.state.input}
-      />
-      <span className='input-group-btn'>
-        <DropdownButton
-          bsStyle='secondary'
-          id='size'
-          pullRight
-          disabled={readOnly}
-          title={this.state.unit}
-        >
-          {map(UNITS, unit =>
-            <MenuItem
-              key={unit}
-              onClick={() => this._updateUnit(unit)}
-            >
-              {unit}
-            </MenuItem>
-          )}
-        </DropdownButton>
-      </span>
-    </span>
-  }
-}

src/common/form/select-plain-object.js

@@ -1,114 +0,0 @@
-import uncontrollableInput from 'uncontrollable-input'
-import Component from 'base-component'
-import find from 'lodash/find'
-import map from 'lodash/map'
-import React from 'react'
-
-import propTypes from '../prop-types'
-
-import Select from './select'
-
-@propTypes({
-  autoFocus: propTypes.bool,
-  disabled: propTypes.bool,
-  optionRenderer: propTypes.func,
-  multi: propTypes.bool,
-  onChange: propTypes.func,
-  options: propTypes.array,
-  placeholder: propTypes.string,
-  predicate: propTypes.func,
-  required: propTypes.bool,
-  value: propTypes.any
-})
-@uncontrollableInput()
-export default class SelectPlainObject extends Component {
-  componentDidMount () {
-    const { options, value } = this.props
-
-    this.setState({
-      options: this._computeOptions(options),
-      value: this._computeValue(value, this.props)
-    })
-  }
-
-  componentWillReceiveProps (newProps) {
-    if (newProps !== this.props) {
-      this.setState({
-        options: this._computeOptions(newProps.options),
-        value: this._computeValue(newProps.value, newProps)
-      })
-    }
-  }
-
-  _computeValue (value, props = this.props) {
-    let { optionKey } = props
-    optionKey || (optionKey = 'id')
-    const reduceValue = value => value != null ? (value[optionKey] || value) : ''
-    if (props.multi) {
-      if (!Array.isArray(value)) {
-        value = [value]
-      }
-      return map(value, reduceValue)
-    }
-
-    return reduceValue(value)
-  }
-
-  _computeOptions (options) {
-    const { optionKey = 'id' } = this.props
-    const { optionRenderer = o => o.label || o[optionKey] || o } = this.props
-    return map(options, option => ({
-      value: option[optionKey] || option,
-      label: optionRenderer(option)
-    }))
-  }
-
-  _getObject (value) {
-    if (value == null) {
-      return undefined
-    }
-
-    const { optionKey = 'id', options } = this.props
-
-    const pickValue = value => {
-      value = value.value || value
-      return find(options, option => option[optionKey] === value || option === value)
-    }
-
-    if (this.props.multi) {
-      return map(value, pickValue)
-    }
-
-    return pickValue(value)
-  }
-
-  _handleChange = value => {
-    const { onChange } = this.props
-
-    if (onChange) {
-      onChange(this._getObject(value))
-    }
-  }
-
-  _renderOption = option => option.label
-
-  render () {
-    const { props, state } = this
-
-    return (
-      <Select
-        autofocus={props.autoFocus}
-        disabled={props.disabled}
-        multi={props.multi}
-        onChange={this._handleChange}
-        openOnFocus
-        optionRenderer={this._renderOption}
-        options={state.options}
-        placeholder={props.placeholder}
-        required={props.required}
-        value={state.value}
-        valueRenderer={this._renderOption}
-      />
-    )
-  }
-}

src/common/form/select.js

@@ -1,140 +0,0 @@
-import map from 'lodash/map'
-import React, { Component } from 'react'
-import ReactSelect from 'react-select'
-import sum from 'lodash/sum'
-import {
-  AutoSizer,
-  CellMeasurer,
-  List
-} from 'react-virtualized'
-
-import propTypes from '../prop-types'
-
-const SELECT_MENU_STYLE = {
-  overflow: 'hidden'
-}
-
-const SELECT_STYLE = {
-  minWidth: '10em'
-}
-
-const LIST_STYLE = {
-  whiteSpace: 'normal'
-}
-
-const MAX_OPTIONS = 5
-
-// See: https://github.com/bvaughn/react-virtualized-select/blob/master/source/VirtualizedSelect/VirtualizedSelect.js
-@propTypes({
-  maxHeight: propTypes.number
-})
-export default class Select extends Component {
-  static defaultProps = {
-    maxHeight: 200,
-    optionRenderer: (option, labelKey) => option[labelKey]
-  }
-
-  _renderMenu = ({
-    focusedOption,
-    options,
-    ...otherOptions
-  }) => {
-    const { maxHeight } = this.props
-
-    const focusedOptionIndex = options.indexOf(focusedOption)
-    let height = options.length > MAX_OPTIONS && maxHeight
-
-    const wrappedRowRenderer = ({ index, key, style }) =>
-      this._optionRenderer({
-        ...otherOptions,
-        focusedOption,
-        focusedOptionIndex,
-        key,
-        option: options[index],
-        options,
-        style
-      })
-
-    return (
-      <AutoSizer disableHeight>
-        {({ width }) => (
-          width ? (
-            <CellMeasurer
-              cellRenderer={({ rowIndex }) => wrappedRowRenderer({ index: rowIndex })}
-              columnCount={1}
-              rowCount={options.length}
-              // FIXME: 16 px: ugly workaround to take into account the scrollbar
-              // during the offscreen render to measure the row height
-              // See https://github.com/bvaughn/react-virtualized/issues/401
-              width={width - 16}
-            >
-              {({ getRowHeight }) => {
-                if (options.length <= MAX_OPTIONS) {
-                  height = sum(map(options, (_, index) => getRowHeight({ index })))
-                }
-
-                return <List
-                  height={height}
-                  rowCount={options.length}
-                  rowHeight={getRowHeight}
-                  rowRenderer={wrappedRowRenderer}
-                  scrollToIndex={focusedOptionIndex}
-                  style={LIST_STYLE}
-                  width={width}
-                />
-              }}
-            </CellMeasurer>
-          ) : null
-        )}
-      </AutoSizer>
-    )
-  }
-
-  _optionRenderer = ({
-    focusedOption,
-    focusOption,
-    key,
-    labelKey,
-    option,
-    style,
-    selectValue
-  }) => {
-    let className = 'Select-option'
-
-    if (option === focusedOption) {
-      className += ' is-focused'
-    }
-
-    const { disabled } = option
-
-    if (disabled) {
-      className += ' is-disabled'
-    }
-
-    const { props } = this
-
-    return (
-      <div
-        className={className}
-        onClick={!disabled && (() => selectValue(option))}
-        onMouseOver={!disabled && (() => focusOption(option))}
-        style={style}
-        key={key}
-      >
-        {props.optionRenderer(option, labelKey)}
-      </div>
-    )
-  }
-
-  render () {
-    return (
-      <ReactSelect
-        {...this.props}
-        backspaceToRemoveMessage=''
-        menuRenderer={this._renderMenu}
-        menuStyle={SELECT_MENU_STYLE}
-        style={SELECT_STYLE}
-      />
-    )
-  }
-}

src/common/form/toggle/index.css

@@ -1,3 +0,0 @@
-.checkbox {
-    display: none;
-}

src/common/form/toggle/index.js

@@ -1,52 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import uncontrollableInput from 'uncontrollable-input'
-
-import Component from '../../base-component'
-import Icon from '../../icon'
-import propTypes from '../../prop-types'
-
-import styles from './index.css'
-
-@uncontrollableInput()
-@propTypes({
-  className: propTypes.string,
-  onChange: propTypes.func,
-  icon: propTypes.string,
-  iconOn: propTypes.string,
-  iconOff: propTypes.string,
-  iconSize: propTypes.number,
-  value: propTypes.bool
-})
-export default class Toggle extends Component {
-  static defaultProps = {
-    iconOn: 'toggle-on',
-    iconOff: 'toggle-off',
-    iconSize: 2
-  }
-
-  render () {
-    const { props } = this
-
-    return (
-      <label
-        className={classNames(
-          props.disabled ? 'text-muted' : props.value ? 'text-success' : null,
-          props.className
-        )}
-      >
-        <Icon
-          icon={props.icon || (props.value ? props.iconOn : props.iconOff)}
-          size={props.iconSize}
-        />
-        <input
-          checked={props.value || false}
-          className={styles.checkbox}
-          disabled={props.disabled}
-          onChange={props.onChange}
-          type='checkbox'
-        />
-      </label>
-    )
-  }
-}

src/common/get-event-value.js

@@ -1,17 +0,0 @@
-// If the param is an event, returns the value of it's target,
-// otherwise returns the param.
-const getEventValue = event => {
-  let target
-  if (!event || !(target = event.target)) {
-    return event
-  }
-
-  return (
-    target.nodeName.toLowerCase() === 'input' &&
-    target.type.toLowerCase() === 'checkbox'
-  )
-    ? target.checked
-    : target.value
-}
-
-export { getEventValue as default }

src/common/grid.js

@@ -1,58 +0,0 @@
-import classNames from 'classnames'
-import React from 'react'
-
-import propTypes from './prop-types'
-
-export const Col = propTypes({
-  className: propTypes.string,
-  size: propTypes.number,
-  smallSize: propTypes.number,
-  mediumSize: propTypes.number,
-  largeSize: propTypes.number,
-  offset: propTypes.number,
-  smallOffset: propTypes.number,
-  mediumOffset: propTypes.number,
-  largeOffset: propTypes.number
-})(({
-  children,
-  className,
-  size = 12,
-  smallSize = size,
-  mediumSize,
-  largeSize,
-  offset,
-  smallOffset = offset,
-  mediumOffset,
-  largeOffset,
-  style
-}) => <div className={classNames(
-  className,
-  smallSize && `col-xs-${smallSize}`,
-  mediumSize && `col-md-${mediumSize}`,
-  largeSize && `col-lg-${largeSize}`,
-  smallOffset && `offset-xs-${smallOffset}`,
-  mediumOffset && `offset-md-${mediumOffset}`,
-  largeOffset && `offset-lg-${largeOffset}`
-)}
-  style={style}
->
-  {children}
-</div>)
-
-export const Container = propTypes({
-  className: propTypes.string
-})(({
-  children,
-  className
-}) => <div className={classNames(className, 'container-fluid')}>
-  {children}
-</div>)
-
-export const Row = propTypes({
-  className: propTypes.string
-})(({
-  children,
-  className
-}) => <div className={`${className || ''} row`}>
-  {children}
-</div>)

src/common/grid.spec.js

@@ -1,13 +0,0 @@
-/* eslint-env jest */
-
-import React from 'react'
-import { forEach } from 'lodash'
-import { shallow } from 'enzyme'
-
-import * as grid from './grid'
-
-forEach(grid, (Component, name) => {
-  it(name, () => {
-    expect(shallow(<Component />)).toMatchSnapshot()
-  })
-})

src/common/home-filters.js

@@ -1,33 +0,0 @@
-const common = {
-  homeFilterNone: ''
-}
-
-export const VM = {
-  ...common,
-  homeFilterPendingVms: 'current_operations:"" ',
-  homeFilterNonRunningVms: '!power_state:running ',
-  homeFilterHvmGuests: 'virtualizationMode:hvm ',
-  homeFilterRunningVms: 'power_state:running ',
-  homeFilterTags: 'tags:'
-}
-
-export const host = {
-  ...common,
-  homeFilterRunningHosts: 'power_state:running ',
-  homeFilterTags: 'tags:'
-}
-
-export const pool = {
-  ...common,
-  homeFilterTags: 'tags:'
-}
-
-export const vmTemplate = {
-  ...common,
-  homeFilterTags: 'tags:'
-}
-
-export const SR = {
-  ...common,
-  homeFilterTags: 'tags:'
-}

src/common/home-tags.js

@@ -1,36 +0,0 @@
-import React from 'react'
-
-import Component from './base-component'
-import propTypes from './prop-types'
-import Tags from './tags'
-import { createString, createProperty, toString } from './complex-matcher'
-
-@propTypes({
-  labels: propTypes.arrayOf(React.PropTypes.string).isRequired,
-  onAdd: propTypes.func,
-  onChange: propTypes.func,
-  onDelete: propTypes.func,
-  type: propTypes.string
-})
-export default class HomeTags extends Component {
-  static contextTypes = {
-    router: React.PropTypes.object
-  }
-
-  _onClick = label => {
-    const s = encodeURIComponent(createProperty('tags', createString(label))::toString())
-    const t = encodeURIComponent(this.props.type)
-
-    this.context.router.push(`/home?t=${t}&s=${s}`)
-  }
-
-  render () {
-    return <Tags
-      labels={this.props.labels}
-      onAdd={this.props.onAdd}
-      onChange={this.props.onChange}
-      onClick={this._onClick}
-      onDelete={this.props.onDelete}
-    />
-  }
-}

src/common/hosts-patches-table.js

@@ -1,226 +0,0 @@
-import isEmpty from 'lodash/isEmpty'
-import keys from 'lodash/keys'
-import map from 'lodash/map'
-import React from 'react'
-import { Portal } from 'react-overlays'
-
-import _ from './intl'
-import ActionButton from './action-button'
-import Component from './base-component'
-import forEach from 'lodash/forEach'
-import Link from './link'
-import propTypes from './prop-types'
-import SortedTable from './sorted-table'
-import TabButton from './tab-button'
-import { connectStore } from './utils'
-import {
-  createGetObjectsOfType,
-  createFilter,
-  createSelector
-} from './selectors'
-import {
-  getHostMissingPatches,
-  installAllHostPatches,
-  installAllPatchesOnPool
-} from './xo'
-
-// ===================================================================
-
-const MISSING_PATCHES_COLUMNS = [
-  {
-    name: _('srHost'),
-    itemRenderer: host => <Link to={`/hosts/${host.id}`}>{host.name_label}</Link>,
-    sortCriteria: host => host.name_label
-  },
-  {
-    name: _('hostDescription'),
-    itemRenderer: host => host.name_description,
-    sortCriteria: host => host.name_description
-  },
-  {
-    name: _('hostMissingPatches'),
-    itemRenderer: (host, { missingPatches }) => <Link to={`/hosts/${host.id}/patches`}>{missingPatches[host.id]}</Link>,
-    sortCriteria: (host, { missingPatches }) => missingPatches[host.id]
-  },
-  {
-    name: _('patchUpdateButton'),
-    itemRenderer: (host, { installAllHostPatches }) => (
-      <ActionButton
-        btnStyle='primary'
-        handler={installAllHostPatches}
-        handlerParam={host}
-        icon='host-patch-update'
-      />
-    )
-  }
-]
-
-const POOLS_MISSING_PATCHES_COLUMNS = [{
-  name: _('srPool'),
-  itemRenderer: (host, { pools }) => {
-    const pool = pools[host.$pool]
-    return <Link to={`/pools/${pool.id}`}>{pool.name_label}</Link>
-  },
-  sortCriteria: (host, { pools }) => pools[host.$pool].name_label
-}].concat(MISSING_PATCHES_COLUMNS)
-
-// ===================================================================
-
-class HostsPatchesTable extends Component {
-  constructor (props) {
-    super(props)
-    this.state.missingPatches = {}
-  }
-
-  _getHosts = createFilter(
-    () => this.props.hosts,
-    createSelector(
-      () => this.state.missingPatches,
-      missingPatches => host => missingPatches[host.id]
-    )
-  )
-
-  _refreshMissingPatches = () => (
-    Promise.all(
-      map(this.props.hosts, this._refreshHostMissingPatches)
-    )
-  )
-
-  _installAllMissingPatches = () => {
-    const pools = {}
-    forEach(this._getHosts(), host => {
-      pools[host.$pool] = true
-    })
-
-    return Promise.all(map(
-      keys(pools),
-      installAllPatchesOnPool
-    )).then(this._refreshMissingPatches)
-  }
-
-  _refreshHostMissingPatches = host => (
-    getHostMissingPatches(host).then(patches => {
-      this.setState({
-        missingPatches: {
-          ...this.state.missingPatches,
-          [host.id]: patches.length
-        }
-      })
-    })
-  )
-
-  _installAllHostPatches = host => (
-    installAllHostPatches(host).then(() =>
-      this._refreshHostMissingPatches(host)
-    )
-  )
-
-  componentWillMount () {
-    this._refreshMissingPatches()
-  }
-
-  componentDidMount () {
-    // Force one Portal refresh.
-    // Because Portal cannot see the container reference at first rendering.
-    this.forceUpdate()
-  }
-
-  componentWillReceiveProps (nextProps) {
-    forEach(nextProps.hosts, host => {
-      const { id } = host
-
-      if (this.state.missingPatches[id] !== undefined) {
-        return
-      }
-
-      this.setState({
-        missingPatches: {
-          ...this.state.missingPatches,
-          [id]: 0
-        }
-      })
-
-      this._refreshHostMissingPatches(host)
-    })
-  }
-
-  render () {
-    const hosts = this._getHosts()
-    const noPatches = isEmpty(hosts)
-    const { props } = this
-
-    const Container = props.container || 'div'
-    const Button = props.useTabButton ? TabButton : ActionButton
-
-    const Buttons = (
-      <Container>
-        <Button
-          btnStyle='secondary'
-          handler={this._refreshMissingPatches}
-          icon='refresh'
-          labelId='refreshPatches'
-        />
-        <Button
-          btnStyle='primary'
-          disabled={noPatches}
-          handler={this._installAllMissingPatches}
-          icon='host-patch-update'
-          labelId='installPoolPatches'
-        />
-      </Container>
-    )
-
-    return (
-      <div>
-        {!noPatches
-          ? (
-            <SortedTable
-              collection={hosts}
-              columns={props.displayPools ? POOLS_MISSING_PATCHES_COLUMNS : MISSING_PATCHES_COLUMNS}
-              userData={{
-                installAllHostPatches: this._installAllHostPatches,
-                missingPatches: this.state.missingPatches,
-                pools: props.pools
-              }}
-            />
-          ) : <p>{_('patchNothing')}</p>
-        }
-        <Portal container={() => props.buttonsGroupContainer()}>
-          {Buttons}
-        </Portal>
-      </div>
-    )
-  }
-}
-
-// ===================================================================
-
-@connectStore(() => {
-  const getPools = createGetObjectsOfType('pool')
-
-  return {
-    pools: getPools
-  }
-})
-class HostsPatchesTableByPool extends Component {
-  render () {
-    const { props } = this
-    return <HostsPatchesTable {...props} pools={props.pools} />
-  }
-}
-
-// ===================================================================
-
-export default propTypes({
-  buttonsGroupContainer: propTypes.func.isRequired,
-  container: propTypes.any,
-  displayPools: propTypes.bool,
-  hosts: propTypes.oneOfType([
-    propTypes.arrayOf(propTypes.object),
-    propTypes.objectOf(propTypes.object)
-  ]).isRequired,
-  useTabButton: propTypes.bool
-})(props => props.displayPools
-  ? <HostsPatchesTableByPool {...props} />
-  : <HostsPatchesTable {...props} />
-)

src/common/icon.js

@@ -1,21 +0,0 @@
-import classNames from 'classnames'
-import isInteger from 'lodash/isInteger'
-import React, { PropTypes } from 'react'
-
-const Icon = ({ className, icon, size = 1, fixedWidth }) => (
-  <i className={classNames(
-      className,
-      icon ? `xo-icon-${icon}` : 'fa', // Without icon prop, is a placeholder.
-      isInteger(size) ? `fa-${size}x` : `fa-${size}`,
-      fixedWidth && 'fa-fw'
-  )} />
-)
-Icon.propTypes = {
-  fixedWidth: PropTypes.bool,
-  icon: PropTypes.string,
-  size: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number
-  ])
-}
-export default Icon

src/common/intl/index.js

@@ -1,89 +0,0 @@
-
-import isFunction from 'lodash/isFunction'
-import isString from 'lodash/isString'
-import moment from 'moment'
-import React, {
-  Component,
-  PropTypes
-} from 'react'
-import {
-  connect
-} from 'react-redux'
-import {
-  FormattedMessage,
-  IntlProvider as IntlProvider_
-} from 'react-intl'
-
-import messages from './messages'
-import locales from './locales'
-
-// ===================================================================
-
-// Params:
-//
-// - props (optional): properties to add to the FormattedMessage
-// - messageId: identifier of the message to format/translate
-// - values (optional): values to pass to the message
-// - render (optional): a function receiving the React nodes of the
-//     translated message and returning the React node to render
-const getMessage = (props, messageId, values, render) => {
-  if (isString(props)) {
-    render = values
-    values = messageId
-    messageId = props
-    props = undefined
-  }
-
-  const message = messages[messageId]
-  if (process.env.NODE_ENV !== 'production' && !message) {
-    throw new Error(`no message defined for ${messageId}`)
-  }
-
-  if (isFunction(values)) {
-    render = values
-    values = undefined
-  }
-
-  return <FormattedMessage {...props} {...message} values={values}>
-    {render}
-  </FormattedMessage>
-}
-
-export { getMessage as default }
-
-export { messages }
-
-@connect(({ lang }) => ({ lang }))
-export class IntlProvider extends Component {
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-    lang: PropTypes.string.isRequired
-  };
-
-  render () {
-    const { lang, children } = this.props
-    // Adding a key prop is a work-around suggested by react-intl documentation
-    // to make sure changes to the locale trigger a re-render of the child components
-    // https://github.com/yahoo/react-intl/wiki/Components#dynamic-language-selection
-    //
-    // FIXME: remove the key prop when React context propagation is fixed (https://github.com/facebook/react/issues/2517)
-    return <IntlProvider_
-      key={lang}
-      locale={lang}
-      messages={locales[lang]}
-    >
-      {children}
-    </IntlProvider_>
-  }
-}
-
-@connect(({ lang }) => ({ lang }))
-export class FormattedDuration extends Component {
-  render () {
-    const {
-      duration,
-      lang
-    } = this.props
-    return <span>{moment.duration(duration).locale(lang).humanize()}</span>
-  }
-}

src/common/invoke.js

@@ -1,33 +0,0 @@
-// Invoke a function and returns it result.
-// All parameters are forwarded.
-//
-// Why using `invoke()`?
-// - avoid tedious IIFE syntax
-// - avoid declaring variables in the common scope
-// - monkey-patching
-//
-// ```js
-// const sum = invoke(1, 2, (a, b) => a + b)
-//
-// eventEmitter.emit = invoke(eventEmitter.emit, emit => function (event) {
-//   if (event === 'foo') {
-//     throw new Error('event foo is disabled')
-//   }
-//
-//   return emit.apply(this, arguments)
-// })
-// ```
-export default function invoke (fn) {
-  const n = arguments.length - 1
-  if (!n) {
-    return fn()
-  }
-
-  fn = arguments[n]
-  const args = new Array(n)
-  for (let i = 0; i < n; ++i) {
-    args[i] = arguments[i]
-  }
-
-  return fn.apply(undefined, args)
-}

src/common/ip.js

@@ -1,126 +0,0 @@
-import forEachRight from 'lodash/forEachRight'
-import forEach from 'lodash/forEach'
-import isArray from 'lodash/isArray'
-import isIp from 'is-ip'
-import some from 'lodash/some'
-
-export { isIp }
-export const isIpV4 = isIp.v4
-export const isIpV6 = isIp.v6
-
-// Source: https://github.com/ezpaarse-project/ip-range-generator/blob/master/index.js
-
-const ipv4 = /^(?:(?:[0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])(?:\.(?!$)|$)){4}$/
-
-function ip2hex (ip) {
-  let parts = ip.split('.').map(str => parseInt(str, 10))
-  let n = 0
-
-  n += parts[3]
-  n += parts[2] * 256      // 2^8
-  n += parts[1] * 65536    // 2^16
-  n += parts[0] * 16777216 // 2^24
-
-  return n
-}
-
-function assertIpv4 (str, msg) {
-  if (!ipv4.test(str)) { throw new Error(msg) }
-}
-
-function *range (ip1, ip2) {
-  assertIpv4(ip1, 'argument "ip1" must be a valid IPv4 address')
-  assertIpv4(ip2, 'argument "ip2" must be a valid IPv4 address')
-
-  let hex = ip2hex(ip1)
-  let hex2 = ip2hex(ip2)
-
-  if (hex > hex2) {
-    let tmp = hex
-    hex = hex2
-    hex2 = tmp
-  }
-
-  for (let i = hex; i <= hex2; i++) {
-    yield `${(i >> 24) & 0xff}.${(i >> 16) & 0xff}.${(i >> 8) & 0xff}.${i & 0xff}`
-  }
-}
-
-// -----------------------------------------------------------------------------
-
-export const getNextIpV4 = ip => {
-  const splitIp = ip.split('.')
-  if (splitIp.length !== 4 || some(splitIp, value => value < 0 || value > 255)) {
-    return
-  }
-  let index
-  forEachRight(splitIp, (value, i) => {
-    if (value < 255) {
-      index = i
-      return false
-    }
-    splitIp[i] = 1
-  })
-  if (index === 0 && +splitIp[0] === 255) {
-    return 0
-  }
-  splitIp[index]++
-
-  return splitIp.join('.')
-}
-
-export const formatIps = ips => {
-  if (!isArray(ips)) {
-    throw new Error('ips must be an array')
-  }
-  if (ips.length === 0) {
-    return []
-  }
-  const sortedIps = ips.sort((ip1, ip2) => {
-    const splitIp1 = ip1.split('.')
-    const splitIp2 = ip2.split('.')
-    if (splitIp1.length !== 4) {
-      return 1
-    }
-    if (splitIp2.length !== 4) {
-      return -1
-    }
-    return splitIp1[3] - splitIp2[3] +
-      (splitIp1[2] - splitIp2[2]) * 256 +
-      (splitIp1[1] - splitIp2[1]) * 256 * 256 +
-      (splitIp1[0] - splitIp2[0]) * 256 * 256 * 256
-  })
-  const range = { first: '', last: '' }
-  const formattedIps = []
-  let index = 0
-  forEach(sortedIps, ip => {
-    if (ip !== getNextIpV4(range.last)) {
-      if (range.first) {
-        formattedIps[index] = range.first === range.last ? range.first : { ...range }
-        index++
-      }
-      range.first = range.last = ip
-    } else {
-      range.last = ip
-    }
-  })
-  formattedIps[index] = range.first === range.last ? range.first : range
-
-  return formattedIps
-}
-
-export const parseIpPattern = pattern => {
-  const ips = []
-  forEach(pattern.split(';'), rawIpRange => {
-    const ipRange = rawIpRange.split('-')
-    if (ipRange.length < 2) {
-      ips.push(ipRange[0])
-    } else if (!isIpV4(ipRange[0]) || !isIpV4(ipRange[1])) {
-      ips.push(rawIpRange)
-    } else {
-      ips.push(...range(ipRange[0], ipRange[1]))
-    }
-  })
-
-  return ips
-}

src/common/iso-device.js

@@ -1,112 +0,0 @@
-import React from 'react'
-
-import _ from 'intl'
-import ActionButton from './action-button'
-import Component from './base-component'
-import Icon from 'icon'
-import propTypes from './prop-types'
-import Tooltip from 'tooltip'
-import { alert } from 'modal'
-import { connectStore } from './utils'
-import { SelectVdi } from './select-objects'
-import {
-  createGetObjectsOfType,
-  createFinder,
-  createGetObject,
-  createSelector
-} from './selectors'
-import {
-  ejectCd,
-  insertCd
-} from './xo'
-
-@propTypes({
-  vm: propTypes.object.isRequired
-})
-@connectStore(() => {
-  const getCdDrive = createFinder(
-    createGetObjectsOfType('VBD').pick(
-      (_, { vm }) => vm.$VBDs
-    ),
-    [ vbd => vbd.is_cd_drive ]
-  )
-
-  const getMountedIso = createGetObject(
-    (state, props) => {
-      const cdDrive = getCdDrive(state, props)
-      if (cdDrive) {
-        return cdDrive.VDI
-      }
-    }
-  )
-
-  return {
-    cdDrive: getCdDrive,
-    mountedIso: getMountedIso
-  }
-})
-export default class IsoDevice extends Component {
-  _getPredicate = createSelector(
-    () => this.props.vm.$pool,
-    () => this.props.vm.$container,
-    (vmPool, vmContainer) => sr => {
-      const vmRunning = vmContainer !== vmPool
-      const sameHost = vmContainer === sr.$container
-      const samePool = vmPool === sr.$pool
-
-      return (
-        samePool && (vmRunning ? sr.shared || sameHost : true) &&
-        sr.SR_type === 'iso' || sr.SR_type === 'udev' && sr.size
-      )
-    }
-  )
-
-  _handleInsert = iso => {
-    const { vm } = this.props
-
-    if (iso) {
-      insertCd(vm, iso.id, true)
-    } else {
-      ejectCd(vm)
-    }
-  }
-
-  _handleEject = () => ejectCd(this.props.vm)
-
-  _showWarning = () => alert(_('cdDriveNotInstalled'), _('cdDriveInstallation'))
-
-  render () {
-    const {cdDrive, mountedIso} = this.props
-
-    return (
-      <div className='input-group'>
-        <SelectVdi
-          srPredicate={this._getPredicate()}
-          onChange={this._handleInsert}
-          value={mountedIso}
-        />
-        <span className='input-group-btn'>
-          <ActionButton
-            btnStyle='secondary'
-            disabled={!mountedIso}
-            handler={this._handleEject}
-            icon='vm-eject'
-          />
-        </span>
-        {mountedIso && !cdDrive.device &&
-          <Tooltip content={_('cdDriveNotInstalled')}>
-            <a
-              className='text-warning btn btn-link'
-              onClick={this._showWarning}
-            >
-              <Icon
-                icon='alarm'
-                size='lg'
-              />
-            </a>
-          </Tooltip>
-        }
-      </div>
-    )
-  }
-}

src/common/json-schema-input/array-input.js

@@ -1,123 +0,0 @@
-import React from 'react'
-import uncontrollableInput from 'uncontrollable-input'
-import { filter, map } from 'lodash'
-
-import _ from '../intl'
-import Component from '../base-component'
-import propTypes from '../prop-types'
-import { EMPTY_ARRAY } from '../utils'
-
-import GenericInput from './generic-input'
-import {
-  descriptionRender,
-  forceDisplayOptionalAttr
-} from './helpers'
-
-@propTypes({
-  depth: propTypes.number,
-  disabled: propTypes.bool,
-  label: propTypes.any.isRequired,
-  required: propTypes.bool,
-  schema: propTypes.object.isRequired,
-  uiSchema: propTypes.object
-})
-@uncontrollableInput()
-export default class ObjectInput extends Component {
-  state = {
-    use: this.props.required || forceDisplayOptionalAttr(this.props)
-  }
-
-  _onAddItem = () => {
-    const { props } = this
-    props.onChange((props.value || EMPTY_ARRAY).concat(undefined))
-  }
-
-  _onChangeItem = (value, name) => {
-    const key = Number(name)
-
-    const { props } = this
-    const newValue = (props.value || EMPTY_ARRAY).slice()
-    newValue[key] = value
-    props.onChange(newValue)
-  }
-
-  _onRemoveItem = key => {
-    const { props } = this
-    props.onChange(filter(props.value, (_, i) => i !== key))
-  }
-
-  render () {
-    const {
-      props: {
-        depth = 0,
-        disabled,
-        label,
-        required,
-        schema,
-        uiSchema,
-        value = EMPTY_ARRAY
-      },
-      state: { use }
-    } = this
-
-    const childDepth = depth + 2
-    const itemSchema = schema.items
-    const itemUiSchema = uiSchema && uiSchema.items
-
-    const itemLabel = itemSchema.title || _('item')
-
-    return (
-      <div style={{'paddingLeft': `${depth}em`}}>
-        <legend>{label}</legend>
-        {descriptionRender(schema.description)}
-        <hr />
-        {!required && <div className='checkbox'>
-          <label>
-            <input
-              checked={use}
-              disabled={disabled}
-              onChange={this.linkState('use')}
-              type='checkbox'
-            /> {_('fillOptionalInformations')}
-          </label>
-        </div>}
-        {use && <div className='card-block'>
-          <ul style={{'paddingLeft': 0}} >
-            {map(value, (value, key) =>
-              <li className='list-group-item clearfix' key={key}>
-                <GenericInput
-                  depth={childDepth}
-                  disabled={disabled}
-                  label={itemLabel}
-                  name={key}
-                  onChange={this._onChangeItem}
-                  required
-                  schema={itemSchema}
-                  uiSchema={itemUiSchema}
-                  value={value}
-                />
-                <button
-                  className='btn btn-danger pull-right'
-                  disabled={disabled}
-                  name={key}
-                  onClick={() => this._onRemoveItem(key)}
-                  type='button'
-                >
-                  {_('remove')}
-                </button>
-              </li>
-            )}
-          </ul>
-          <button
-            className='btn btn-primary pull-right mt-1 mr-1'
-            disabled={disabled}
-            onClick={this._onAddItem}
-            type='button'
-          >
-            {_('add')}
-          </button>
-        </div>}
-      </div>
-    )
-  }
-}

src/common/json-schema-input/boolean-input.js

@@ -1,33 +0,0 @@
-import React from 'react'
-
-import uncontrollableInput from 'uncontrollable-input'
-import Component from '../base-component'
-import { Toggle } from '../form'
-
-import { PrimitiveInputWrapper } from './helpers'
-
-// ===================================================================
-
-@uncontrollableInput()
-export default class BooleanInput extends Component {
-  render () {
-    const {
-      disabled,
-      onChange,
-      value,
-      ...props
-    } = this.props
-
-    return (
-      <PrimitiveInputWrapper {...props}>
-        <div className='checkbox form-control'>
-          <Toggle
-            disabled={disabled}
-            onChange={onChange}
-            value={value}
-          />
-        </div>
-      </PrimitiveInputWrapper>
-    )
-  }
-}

src/common/json-schema-input/enum-input.js

@@ -1,57 +0,0 @@
-import _ from 'intl'
-import uncontrollableInput from 'uncontrollable-input'
-import Component from 'base-component'
-import React from 'react'
-import { createSelector } from 'reselect'
-import { findIndex, map } from 'lodash'
-
-import { PrimitiveInputWrapper } from './helpers'
-
-// ===================================================================
-
-@uncontrollableInput()
-export default class EnumInput extends Component {
-  _getSelectedIndex = createSelector(
-    () => this.props.schema.enum,
-    () => {
-      const {
-        schema,
-        value = schema.default
-      } = this.props
-      return value
-    },
-    (enumValues, value) => {
-      const index = findIndex(enumValues, current => current === value)
-      return index === -1 ? '' : index
-    }
-  )
-
-  _onChange = event => {
-    this.props.onChange(this.props.schema.enum[event.target.value])
-  }
-
-  render () {
-    const {
-      disabled,
-      schema: { enum: enumValues, enumNames = enumValues },
-      required
-    } = this.props
-
-    return (
-      <PrimitiveInputWrapper {...this.props}>
-        <select
-          className='form-control'
-          disabled={disabled}
-          onChange={this._onChange}
-          required={required}
-          value={this._getSelectedIndex()}
-        >
-          {_('noSelectedValue', message => <option value=''>{message}</option>)}
-          {map(enumNames, (name, index) =>
-            <option value={index} key={index}>{name}</option>
-          )}
-        </select>
-      </PrimitiveInputWrapper>
-    )
-  }
-}

src/common/json-schema-input/generic-input.js

@@ -1,76 +0,0 @@
-import React, { Component } from 'react'
-
-import getEventValue from '../get-event-value'
-import propTypes from '../prop-types'
-import uncontrollableInput from 'uncontrollable-input'
-import { EMPTY_OBJECT } from '../utils'
-
-import ArrayInput from './array-input'
-import BooleanInput from './boolean-input'
-import EnumInput from './enum-input'
-import IntegerInput from './integer-input'
-import NumberInput from './number-input'
-import ObjectInput from './object-input'
-import StringInput from './string-input'
-
-import { getType } from './helpers'
-
-// ===================================================================
-
-const InputByType = {
-  array: ArrayInput,
-  boolean: BooleanInput,
-  integer: IntegerInput,
-  number: NumberInput,
-  object: ObjectInput,
-  string: StringInput
-}
-
-// ===================================================================
-
-@propTypes({
-  depth: propTypes.number,
-  disabled: propTypes.bool,
-  label: propTypes.any.isRequired,
-  required: propTypes.bool,
-  schema: propTypes.object.isRequired,
-  uiSchema: propTypes.object
-})
-@uncontrollableInput()
-export default class GenericInput extends Component {
-  _onChange = event => {
-    const { name, onChange } = this.props
-    onChange && onChange(getEventValue(event), name)
-  }
-
-  render () {
-    const {
-      schema,
-      value = schema.default,
-      uiSchema = EMPTY_OBJECT,
-      ...opts
-    } = this.props
-
-    const props = {
-      ...opts,
-      onChange: this._onChange,
-      schema,
-      uiSchema,
-      value
-    }
-
-    // Enum, special case.
-    if (schema.enum) {
-      return <EnumInput {...props} />
-    }
-
-    const type = getType(schema)
-    const Input = uiSchema.widget || InputByType[type.toLowerCase()]
-
-    if (!Input) {
-      throw new Error(`Unsupported type: ${type}.`)
-    }
-
-    return <Input {...props} {...uiSchema.config} />
-  }
-}

src/common/json-schema-input/helpers.js

@@ -1,83 +0,0 @@
-import React from 'react'
-import includes from 'lodash/includes'
-import isArray from 'lodash/isArray'
-import marked from 'marked'
-
-import { Col, Row } from 'grid'
-
-// ===================================================================
-
-export const getType = schema => {
-  if (!schema) {
-    return
-  }
-
-  const type = schema.type
-
-  if (isArray(type)) {
-    if (includes(type, 'integer')) {
-      return 'integer'
-    }
-    if (includes(type, 'number')) {
-      return 'number'
-    }
-
-    return 'string'
-  }
-
-  return type
-}
-
-export const getXoType = schema => {
-  const type = schema && (schema['xo:type'] || schema.$type)
-
-  if (type) {
-    return type.toLowerCase()
-  }
-}
-
-// ===================================================================
-
-export const descriptionRender = description =>
-  <span className='text-muted' dangerouslySetInnerHTML={{__html: marked(description || '')}} />
-
-// ===================================================================
-
-export const PrimitiveInputWrapper = ({ label, required = false, schema, children }) => (
-  <Row>
-    <Col mediumSize={6}>
-      <div className='input-group'>
-        <span className='input-group-addon'>
-          {label}
-          {required && <span className='text-warning'>*</span>}
-        </span>
-        {children}
-      </div>
-    </Col>
-    <Col mediumSize={6}>
-      {descriptionRender(schema.description)}
-    </Col>
-  </Row>
-)
-
-// ===================================================================
-
-export const forceDisplayOptionalAttr = ({ schema, value }) => {
-  if (!schema || !value) {
-    return false
-  }
-
-  // Array
-  if (schema.items && Array.isArray(value)) {
-    return true
-  }
-
-  // Object
-  for (const key in schema.properties) {
-    if (value[key]) {
-      return true
-    }
-  }
-
-  return false
-}

src/common/json-schema-input/index.js

@@ -1 +0,0 @@
-export default from './generic-input'

src/common/json-schema-input/integer-input.js

@@ -1,46 +0,0 @@
-import React from 'react'
-
-import uncontrollableInput from 'uncontrollable-input'
-import Combobox from '../combobox'
-import Component from '../base-component'
-import getEventValue from '../get-event-value'
-
-import { PrimitiveInputWrapper } from './helpers'
-
-// ===================================================================
-
-@uncontrollableInput()
-export default class IntegerInput extends Component {
-  _onChange = event => {
-    const value = getEventValue(event)
-    this.props.onChange(value ? +value : undefined)
-  }
-
-  render () {
-    const { required, schema } = this.props
-    const {
-      disabled,
-      onChange, // eslint-disable-line no-unused-vars
-      placeholder = schema.default,
-      value,
-      ...props
-    } = this.props
-
-    return (
-      <PrimitiveInputWrapper {...props}>
-        <Combobox
-          value={value === undefined ? '' : String(value)}
-          disabled={disabled}
-          max={schema.max}
-          min={schema.min}
-          onChange={this._onChange}
-          options={schema.defaults}
-          placeholder={placeholder}
-          required={required}
-          step={1}
-          type='number'
-        />
-      </PrimitiveInputWrapper>
-    )
-  }
-}

src/common/json-schema-input/number-input.js

@@ -1,46 +0,0 @@
-import React from 'react'
-
-import uncontrollableInput from 'uncontrollable-input'
-import Combobox from '../combobox'
-import Component from '../base-component'
-import getEventValue from '../get-event-value'
-
-import { PrimitiveInputWrapper } from './helpers'
-
-// ===================================================================
-
-@uncontrollableInput()
-export default class NumberInput extends Component {
-  _onChange = event => {
-    const value = getEventValue(event)
-    this.props.onChange(value ? +value : undefined)
-  }
-
-  render () {
-    const { required, schema } = this.props
-    const {
-      disabled,
-      onChange, // eslint-disable-line no-unused-vars
-      placeholder = schema.default,
-      value,
-      ...props
-    } = this.props
-
-    return (
-      <PrimitiveInputWrapper {...props}>
-        <Combobox
-          value={value === undefined ? '' : String(value)}
-          disabled={disabled}
-          max={schema.max}
-          min={schema.min}
-          onChange={this._onChange}
-          options={schema.defaults}
-          placeholder={placeholder}
-          required={required}
-          step='any'
-          type='number'
-        />
-      </PrimitiveInputWrapper>
-    )
-  }
-}

src/common/json-schema-input/object-input.js

@@ -1,98 +0,0 @@
-import React from 'react'
-import uncontrollableInput from 'uncontrollable-input'
-import { createSelector } from 'reselect'
-import { keyBy, map } from 'lodash'
-
-import _ from '../intl'
-import Component from '../base-component'
-import propTypes from '../prop-types'
-import { EMPTY_OBJECT } from '../utils'
-
-import GenericInput from './generic-input'
-import {
-  descriptionRender,
-  forceDisplayOptionalAttr
-} from './helpers'
-
-@propTypes({
-  depth: propTypes.number,
-  disabled: propTypes.bool,
-  label: propTypes.any.isRequired,
-  required: propTypes.bool,
-  schema: propTypes.object.isRequired,
-  uiSchema: propTypes.object
-})
-@uncontrollableInput()
-export default class ObjectInput extends Component {
-  state = {
-    use: this.props.required || forceDisplayOptionalAttr(this.props)
-  }
-
-  _onChildChange = (value, key) => {
-    this.props.onChange({
-      ...this.props.value,
-      [key]: value
-    })
-  }
-
-  _getRequiredProps = createSelector(
-    () => this.props.schema.required,
-    required => required
-      ? keyBy(required)
-      : EMPTY_OBJECT
-  )
-
-  render () {
-    const {
-      props: {
-        depth = 0,
-        disabled,
-        label,
-        required,
-        schema,
-        uiSchema,
-        value = EMPTY_OBJECT
-      },
-      state: { use }
-    } = this
-
-    const childDepth = depth + 2
-    const properties = uiSchema && uiSchema.properties || EMPTY_OBJECT
-    const requiredProps = this._getRequiredProps()
-
-    return (
-      <div style={{'paddingLeft': `${depth}em`}}>
-        <legend>{label}</legend>
-        {descriptionRender(schema.description)}
-        <hr />
-        {!required && <div className='checkbox'>
-          <label>
-            <input
-              checked={use}
-              disabled={disabled}
-              onChange={this.linkState('use')}
-              type='checkbox'
-            /> {_('fillOptionalInformations')}
-          </label>
-        </div>}
-        {use && <div className='card-block'>
-          {map(schema.properties, (childSchema, key) =>
-            <div className='pb-1' key={key}>
-              <GenericInput
-                depth={childDepth}
-                disabled={disabled}
-                label={childSchema.title || key}
-                name={key}
-                onChange={this._onChildChange}
-                required={Boolean(requiredProps[key])}
-                schema={childSchema}
-                uiSchema={properties[key]}
-                value={value[key]}
-              />
-            </div>
-          )}
-        </div>}
-      </div>
-    )
-  }
-}

src/common/json-schema-input/string-input.js

@@ -1,42 +0,0 @@
-import React from 'react'
-
-import uncontrollableInput from 'uncontrollable-input'
-import Combobox from '../combobox'
-import Component from '../base-component'
-import propTypes from '../prop-types'
-
-import { PrimitiveInputWrapper } from './helpers'
-
-// ===================================================================
-
-@propTypes({
-  password: propTypes.bool
-})
-@uncontrollableInput()
-export default class StringInput extends Component {
-  render () {
-    const { required, schema } = this.props
-    const {
-      disabled,
-      onChange,
-      password,
-      placeholder = schema.default,
-      value,
-      ...props
-    } = this.props
-
-    return (
-      <PrimitiveInputWrapper {...props}>
-        <Combobox
-          value={value || ''}
-          disabled={disabled}
-          onChange={onChange}
-          options={schema.defaults}
-          placeholder={placeholder || schema.default}
-          required={required}
-          type={password && 'password'}
-        />
-      </PrimitiveInputWrapper>
-    )
-  }
-}

src/common/link.js

@@ -1,59 +0,0 @@
-import Link from 'react-router/lib/Link'
-import React from 'react'
-import { routerShape } from 'react-router/lib/PropTypes'
-
-import Component from './base-component'
-import propTypes from './prop-types'
-
-// ===================================================================
-
-export { Link as default }
-
-// -------------------------------------------------------------------
-
-const _IGNORED_TAGNAMES = {
-  A: true,
-  BUTTON: true,
-  INPUT: true,
-  SELECT: true
-}
-
-@propTypes({
-  tagName: propTypes.string
-})
-export class BlockLink extends Component {
-  static contextTypes = {
-    router: routerShape
-  }
-
-  _style = { cursor: 'pointer' }
-  _onClickCapture = event => {
-    const { currentTarget } = event
-    let element = event.target
-    while (element !== currentTarget) {
-      if (_IGNORED_TAGNAMES[element.tagName]) {
-        return
-      }
-      element = element.parentNode
-    }
-    event.stopPropagation()
-    if (event.ctrlKey || event.button === 1) {
-      window.open(this.context.router.createHref(this.props.to))
-    } else {
-      this.context.router.push(this.props.to)
-    }
-  }
-
-  render () {
-    const { children, tagName = 'div' } = this.props
-    const Component = tagName
-    return (
-      <Component
-        style={this._style}
-        onClickCapture={this._onClickCapture}
-      >
-        {children}
-      </Component>
-    )
-  }
-}

src/common/log-error.js

@@ -1,13 +0,0 @@
-// Logs an error properly, correctly use the source map for the stack.
-//
-// This is achieved by throwing the error asynchronously.
-const logError = (error, ...args) => {
-  setTimeout(() => {
-    if (args.length) {
-      console.error(...args)
-    }
-
-    throw error
-  }, 0)
-}
-export { logError as default }

src/common/modal.js

@@ -1,179 +0,0 @@
-import _ from 'intl'
-import Icon from 'icon'
-import isArray from 'lodash/isArray'
-import isString from 'lodash/isString'
-import React, { Component, cloneElement } from 'react'
-import { Button, Modal as ReactModal } from 'react-bootstrap-4/lib'
-
-import propTypes from './prop-types'
-import {
-  disable as disableShortcuts,
-  enable as enableShortcuts
-} from './shortcuts'
-
-let instance
-
-const modal = (content, onClose) => {
-  if (!instance) {
-    throw new Error('No modal instance.')
-  } else if (instance.state.showModal) {
-    throw new Error('Other modal still open.')
-  }
-  instance.setState({ content, onClose, showModal: true }, disableShortcuts)
-}
-
-export const alert = (title, body) => {
-  return new Promise(resolve => {
-    const { Body, Footer, Header, Title } = ReactModal
-    modal(
-      <div>
-        <Header closeButton>
-          <Title>{title}</Title>
-        </Header>
-        <Body>{body}</Body>
-        <Footer>
-          <Button bsStyle='primary' onClick={() => {
-            resolve()
-            instance.close()
-          }}>
-            {_('alertOk')}
-          </Button>
-        </Footer>
-      </div>,
-      resolve
-    )
-  })
-}
-
-const _addRef = (component, ref) => {
-  if (isString(component) || isArray(component)) {
-    return component
-  }
-
-  try {
-    return cloneElement(component, { ref })
-  } catch (_) {} // Stateless component.
-  return component
-}
-
-@propTypes({
-  children: propTypes.node.isRequired,
-  title: propTypes.node.isRequired,
-  icon: propTypes.string
-})
-class Confirm extends Component {
-  _resolve = () => {
-    const { body } = this.refs
-    this.props.resolve(body && (body.getWrappedInstance
-      ? body.getWrappedInstance().value
-      : body.value
-    ))
-    instance.close()
-  }
-  _reject = () => {
-    this.props.reject()
-    instance.close()
-  }
-
-  _style = { marginRight: '0.5em' }
-
-  render () {
-    const { Body, Footer, Header, Title } = ReactModal
-    const { title, icon } = this.props
-
-    const body = _addRef(this.props.children, 'body')
-
-    return <div>
-      <Header closeButton>
-        <Title>
-          {icon
-            ? <span><Icon icon={icon} /> {title}</span>
-            : title
-          }
-        </Title>
-      </Header>
-      <Body>
-        {body}
-      </Body>
-      <Footer>
-        <Button
-          bsStyle='primary'
-          onClick={this._resolve}
-          style={this._style}
-        >
-          {_('confirmOk')}
-        </Button>
-        <Button
-          bsStyle='secondary'
-          onClick={this._reject}
-        >
-          {_('confirmCancel')}
-        </Button>
-      </Footer>
-    </div>
-  }
-}
-
-export const confirm = ({
-  body,
-  title,
-  icon = 'alarm'
-}) => {
-  return new Promise((resolve, reject) => {
-    modal(
-      <Confirm
-        title={title}
-        resolve={resolve}
-        reject={reject}
-        icon={icon}
-      >
-        {body}
-      </Confirm>,
-      reject
-    )
-  })
-}
-
-export default class Modal extends Component {
-  constructor () {
-    super()
-
-    this.state = { showModal: false }
-  }
-
-  componentDidMount () {
-    if (instance) {
-      throw new Error('Modal is a singleton!')
-    }
-    instance = this
-  }
-
-  componentWillUnmount () {
-    instance = undefined
-  }
-
-  close () {
-    this.setState({ showModal: false }, enableShortcuts)
-  }
-
-  _onHide = () => {
-    this.close()
-
-    const { onClose } = this.state
-    onClose && onClose()
-  }
-
-  render () {
-    const { showModal } = this.state
-    /* TODO: remove this work-around and use
-     * ReactModal.Body, ReactModal.Header, ...
-     * after this issue has been fixed:
-     * https://phabricator.babeljs.io/T6976
-     */
-    return (
-      <ReactModal show={showModal} onHide={this._onHide}>
-        {this.state.content}
-      </ReactModal>
-    )
-  }
-}

src/common/nav.js

@@ -1,18 +0,0 @@
-import classNames from 'classnames'
-import React from 'react'
-
-import Link from './link'
-
-export const NavLink = ({ children, to }) => (
-  <li className='nav-item' role='tab'>
-    <Link className='nav-link' activeClassName='active' to={to}>
-      {children}
-    </Link>
-  </li>
-)
-
-export const NavTabs = ({ children, className }) => (
-  <ul className={classNames(className, 'nav nav-tabs')} role='tablist'>
-    {children}
-  </ul>
-)

src/common/notification.js

@@ -1,57 +0,0 @@
-import React, { Component } from 'react'
-import ReactNotify from 'react-notify'
-
-let instance
-
-export let error
-export let info
-export let success
-
-export class Notification extends Component {
-  componentDidMount () {
-    if (instance) {
-      throw new Error('Notification is a singleton!')
-    }
-    instance = this
-  }
-
-  componentWillUnmount () {
-    instance = undefined
-  }
-
-  // This special component never have to rerender!
-  shouldComponentUpdate () {
-    return false
-  }
-
-  render () {
-    return <ReactNotify ref={notification => {
-      if (!notification) {
-        return
-      }
-
-      error = (title, body) => notification.error(title, body, 3e3)
-      info = (title, body) => notification.info(title, body, 3e3)
-      success = (title, body) => notification.success(title, body, 3e3)
-    }} />
-  }
-}
-
-export { info as default }
-
-/* Example:
-
-import info, { success, error } from 'notification'
-
-<button onClick={() => info('Info', 'This is an info notification')}>
-  Info notification
-</button>
-
-<button onClick={() => success('Success', 'This is a success notification')}>
-  Success notification
-</button>
-
-<button onClick={() => error('Error', 'This is an error notification')}>
-  Error notification
-</button>
-*/

src/common/object-name.js

@@ -1,15 +0,0 @@
-/** EXPERIMENT: this is here to avoid a littel code dupplication, but is not admitted as a highly recommendable component */
-import { connectStore } from 'utils'
-import { createGetObject } from 'selectors'
-import React, { Component } from 'react'
-
-@connectStore(() => {
-  const object = createGetObject()
-  return (state, props) => ({object: object(state, props)})
-})
-export default class ObjectName extends Component {
-  render () {
-    const { object } = this.props
-    return <span>{object && object.name_label}</span>
-  }
-}

src/common/prop-types.js

@@ -1,22 +0,0 @@
-import assign from 'lodash/assign'
-import { PropTypes } from 'react'
-
-// Decorators to help declaring on React components without using the
-// tedious static properties syntax.
-//
-// ```js
-// @propTypes({
-//   children: propTypes.node.isRequired
-// })
-// class MyComponent extends React.Component {}
-// ```
-const propTypes = types => target => {
-  target.propTypes = {
-    ...target.propTypes,
-    ...types
-  }
-
-  return target
-}
-assign(propTypes, PropTypes)
-export { propTypes as default }

src/common/react-novnc.js

@@ -1,156 +0,0 @@
-import React, { Component } from 'react'
-import { createBackoff } from 'jsonrpc-websocket-client'
-import { RFB } from 'novnc-node'
-import {
-  format as formatUrl,
-  parse as parseUrl,
-  resolve as resolveUrl
-} from 'url'
-import { enable as enableShortcuts, disable as disableShortcuts } from 'shortcuts'
-
-import propTypes from './prop-types'
-
-const parseRelativeUrl = url => parseUrl(resolveUrl(String(window.location), url))
-
-const PROTOCOL_ALIASES = {
-  'http:': 'ws:',
-  'https:': 'wss:'
-}
-const fixProtocol = url => {
-  const protocol = PROTOCOL_ALIASES[url.protocol]
-  if (protocol) {
-    url.protocol = protocol
-  }
-}
-
-@propTypes({
-  onClipboardChange: propTypes.func,
-  url: propTypes.string.isRequired
-})
-export default class NoVnc extends Component {
-  constructor (props) {
-    super(props)
-    this._rfb = null
-    this._retryGen = createBackoff(Infinity)
-
-    this._onUpdateState = (rfb, state) => {
-      if (state === 'normal') {
-        if (this._retryTimeout) {
-          clearTimeout(this._retryTimeout)
-          this._retryTimeout = undefined
-          this._retryGen = createBackoff(Infinity)
-        }
-      }
-
-      if (state !== 'disconnected') {
-        return
-      }
-
-      clearTimeout(this._retryTimeout)
-      this._retryTimeout = setTimeout(this._connect, this._retryGen.next().value)
-    }
-  }
-
-  sendCtrlAltDel () {
-    const rfb = this._rfb
-    if (rfb) {
-      rfb.sendCtrlAltDel()
-    }
-  }
-
-  setClipboard (text) {
-    const rfb = this._rfb
-    if (rfb) {
-      rfb.clipboardPasteFrom(text)
-    }
-  }
-
-  _clean () {
-    const rfb = this._rfb
-    if (rfb) {
-      this._rfb = null
-      rfb.disconnect()
-    }
-    enableShortcuts()
-  }
-
-  _connect = () => {
-    this._clean()
-
-    const { canvas } = this.refs
-    if (!canvas) {
-      return
-    }
-
-    const url = parseRelativeUrl(this.props.url)
-    fixProtocol(url)
-
-    const isSecure = url.protocol === 'wss:'
-
-    const { onClipboardChange } = this.props
-    const rfb = this._rfb = new RFB({
-      encrypt: isSecure,
-      target: this.refs.canvas,
-      wsProtocols: [ 'chat' ],
-      onClipboard: onClipboardChange && ((_, text) => {
-        onClipboardChange(text)
-      }),
-      onUpdateState: this._onUpdateState
-    })
-
-    rfb.connect(formatUrl(url))
-    disableShortcuts()
-  }
-
-  componentDidMount () {
-    this._connect()
-  }
-
-  componentWillUnmount () {
-    this._clean()
-  }
-
-  componentWillReceiveProps (props) {
-    const rfb = this._rfb
-    if (rfb && this.props.scale !== props.scale) {
-      rfb.get_display().set_scale(props.scale || 1)
-      rfb.get_mouse().set_scale(props.scale || 1)
-    }
-  }
-
-  _focus = () => {
-    const rfb = this._rfb
-    if (rfb) {
-      const { activeElement } = document
-      if (activeElement) {
-        activeElement.blur()
-      }
-
-      rfb.get_keyboard().grab()
-      rfb.get_mouse().grab()
-
-      disableShortcuts()
-    }
-  }
-
-  _unfocus = () => {
-    const rfb = this._rfb
-    if (rfb) {
-      rfb.get_keyboard().ungrab()
-      rfb.get_mouse().ungrab()
-
-      enableShortcuts()
-    }
-  }
-
-  render () {
-    return <canvas
-      className='center-block'
-      height='480'
-      onMouseEnter={this._focus}
-      onMouseLeave={this._unfocus}
-      ref='canvas'
-      width='640'
-    />
-  }
-}

src/common/render-xo-item.js

@@ -1,228 +0,0 @@
-import _ from 'intl'
-import React from 'react'
-
-import Icon from './icon'
-import propTypes from './prop-types'
-import { createGetObject } from './selectors'
-import { isSrWritable } from './xo'
-import {
-  connectStore,
-  formatSize
-} from './utils'
-
-// ===================================================================
-
-const OBJECT_TYPE_TO_ICON = {
-  'VM-template': 'vm',
-  host: 'host',
-  network: 'network'
-}
-
-// Host, Network, VM-template.
-export const PoolObjectItem = propTypes({
-  object: propTypes.object.isRequired
-})(connectStore(() => {
-  const getPool = createGetObject(
-    (_, props) => props.object.$pool
-  )
-
-  return (state, props) => ({
-    pool: getPool(state, props)
-  })
-})(({ object, pool }) => {
-  const icon = OBJECT_TYPE_TO_ICON[object.type]
-  const { id } = object
-
-  return (
-    <span>
-      <Icon icon={icon} /> {`${object.name_label || id} `}
-      {pool && `(${pool.name_label || pool.id})`}
-    </span>
-  )
-}))
-
-// SR.
-export const SrItem = propTypes({
-  sr: propTypes.object.isRequired
-})(connectStore(() => {
-  const getContainer = createGetObject(
-    (_, props) => props.sr.$container
-  )
-
-  return (state, props) => ({
-    container: getContainer(state, props)
-  })
-})(({ sr, container }) => {
-  let label = `${sr.name_label || sr.id}`
-
-  if (isSrWritable(sr)) {
-    label += ` (${formatSize(sr.size - sr.physical_usage)} free)`
-  }
-
-  return (
-    <span>
-      <Icon icon='sr' /> {label}
-    </span>
-  )
-}))
-
-// VM.
-export const VmItem = propTypes({
-  vm: propTypes.object.isRequired
-})(connectStore(() => {
-  const getContainer = createGetObject(
-    (_, props) => props.vm.$container
-  )
-
-  return (state, props) => ({
-    container: getContainer(state, props)
-  })
-})(({ vm, container }) => (
-  <span>
-    <Icon icon={`vm-${vm.power_state.toLowerCase()}`} /> {vm.name_label || vm.id}
-    {container && ` (${container.name_label || container.id})`}
-  </span>
-)))
-
-// ===================================================================
-
-const xoItemToRender = {
-  // Subscription objects.
-  group: group => (
-    <span>
-      <Icon icon='group' /> {group.name}
-    </span>
-  ),
-  remote: remote => (
-    <span>
-      <Icon icon='remote' /> {remote.value.name}
-    </span>
-  ),
-  role: role => (
-    <span>
-      {role.name}
-    </span>
-  ),
-  user: user => (
-    <span>
-      <Icon icon='user' /> {user.email}
-    </span>
-  ),
-  resourceSet: resourceSet => (
-    <span>
-      <Icon icon='resource-set' /> {resourceSet.name}
-    </span>
-  ),
-  sshKey: key => (
-    <span>
-      <Icon icon='ssh-key' /> {key.label}
-    </span>
-  ),
-  ipPool: ipPool => (
-    <span>
-      <Icon icon='ip' /> {ipPool.name}
-    </span>
-  ),
-  ipAddress: ({label, used}) => {
-    if (used) {
-      return <strong className='text-warning'>{label}</strong>
-    }
-    return <span>{label}</span>
-  },
-
-  // XO objects.
-  pool: pool => (
-    <span>
-      <Icon icon='pool' /> {pool.name_label || pool.id}
-    </span>
-  ),
-
-  VDI: vdi => (
-    <span>
-      <Icon icon='disk' /> {vdi.name_label} {vdi.name_description && <span> ({vdi.name_description})</span>}
-    </span>
-  ),
-
-  // Pool objects.
-  'VM-template': vmTemplate => <PoolObjectItem object={vmTemplate} />,
-  host: host => <PoolObjectItem object={host} />,
-  network: network => <PoolObjectItem object={network} />,
-
-  // SR.
-  SR: sr => <SrItem sr={sr} />,
-
-  // VM.
-  VM: vm => <VmItem vm={vm} />,
-  'VM-snapshot': vm => <VmItem vm={vm} />,
-  'VM-controller': vm => (
-    <span>
-      <Icon icon='host' />
-      {' '}
-      <VmItem vm={vm} />
-    </span>
-  ),
-
-  // PIF.
-  PIF: pif => (
-    <span>
-      <Icon icon='network' /> {pif.device} ({pif.deviceName})
-    </span>
-  ),
-
-  // Tags.
-  tag: tag => (
-    <span>
-      <Icon icon='tag' /> {tag.value}
-    </span>
-  )
-}
-
-const renderXoItem = (item, {
-  className
-} = {}) => {
-  const { id, type, label } = item
-
-  if (item.removed) {
-    return <span key={id} className='text-danger'> <Icon icon='alarm' /> {id}</span>
-  }
-
-  if (!type) {
-    if (process.env.NODE_ENV !== 'production' && !label) {
-      throw new Error(`an item must have at least either a type or a label`)
-    }
-    return (
-      <span key={id} className={className}>
-        {label}
-      </span>
-    )
-  }
-
-  const Component = xoItemToRender[type]
-
-  if (process.env.NODE_ENV !== 'production' && !Component) {
-    throw new Error(`no available component for type ${type}`)
-  }
-
-  if (Component) {
-    return (
-      <span key={id} className={className}>
-        <Component {...item} />
-      </span>
-    )
-  }
-}
-
-export { renderXoItem as default }
-
-const GenericXoItem = connectStore(() => {
-  const getObject = createGetObject()
-
-  return (state, props) => ({
-    xoItem: getObject(state, props)
-  })
-})(({ xoItem, ...props }) => xoItem
-  ? renderXoItem(xoItem, props)
-  : <span className='text-muted'>{_('errorNoSuchItem')}</span>
-)
-
-export const renderXoItemFromId = (id, props) => <GenericXoItem {...props} id={id} />

src/common/scheduling.js

@@ -1,549 +0,0 @@
-import classNames from 'classnames'
-import Icon from 'icon'
-import later from 'later'
-import React from 'react'
-import Tooltip from 'tooltip'
-import { Toggle } from 'form'
-import { FormattedDate, FormattedTime } from 'react-intl'
-import {
-  forEach,
-  includes,
-  isArray,
-  map,
-  sortedIndex
-} from 'lodash'
-
-import _ from './intl'
-import Component from './base-component'
-import propTypes from './prop-types'
-import TimezonePicker from './timezone-picker'
-import { Card, CardHeader, CardBlock } from './card'
-import { Col, Row } from './grid'
-import { Range } from './form'
-
-// ===================================================================
-
-// By default, later uses UTC but we use this line for future versions.
-later.date.UTC()
-
-// ===================================================================
-
-const CLICKABLE = { cursor: 'pointer' }
-const PREVIEW_SLIDER_STYLE = { width: '400px' }
-
-// ===================================================================
-
-const UNITS = [ 'minute', 'hour', 'monthDay', 'month', 'weekDay' ]
-
-const MINUTES_RANGE = [2, 30]
-const HOURS_RANGE = [2, 12]
-const MONTH_DAYS_RANGE = [2, 15]
-const MONTHS_RANGE = [2, 6]
-
-const MIN_PREVIEWS = 5
-const MAX_PREVIEWS = 20
-
-const MONTHS = [
-  [ 0, 1, 2 ],
-  [ 3, 4, 5 ],
-  [ 6, 7, 8 ],
-  [ 9, 10, 11 ]
-]
-
-const DAYS = (() => {
-  const days = []
-
-  for (let i = 0; i < 4; i++) {
-    days[i] = []
-
-    for (let j = 1; j < 8; j++) {
-      days[i].push(7 * i + j)
-    }
-  }
-
-  days.push([29, 30, 31])
-
-  return days
-})()
-
-const WEEK_DAYS = [
-  [ 0, 1, 2 ],
-  [ 3, 4, 5 ],
-  [ 6 ]
-]
-
-const HOURS = (() => {
-  const hours = []
-
-  for (let i = 0; i < 3; i++) {
-    hours[i] = []
-
-    for (let j = 0; j < 8; j++) {
-      hours[i].push(8 * i + j)
-    }
-  }
-
-  return hours
-})()
-
-const MINS = (() => {
-  const minutes = []
-
-  for (let i = 0; i < 6; i++) {
-    minutes[i] = []
-
-    for (let j = 0; j < 10; j++) {
-      minutes[i].push(10 * i + j)
-    }
-  }
-
-  return minutes
-})()
-
-const PICKTIME_TO_ID = {
-  minute: 0,
-  hour: 1,
-  monthDay: 2,
-  month: 3,
-  weekDay: 4
-}
-
-const TIME_FORMAT = {
-  weekday: 'long',
-  year: 'numeric',
-  month: 'long',
-  day: 'numeric',
-  hour: 'numeric',
-  minute: 'numeric',
-
-  // The timezone is not significant for displaying the date previews
-  // as long as it is the same used to generate the next occurrences
-  // from the cron patterns.
-
-  // Therefore we can use UTC everywhere and say to the user that the
-  // previews are in the configured timezone.
-  timeZone: 'UTC'
-}
-
-// ===================================================================
-
-// monthNum: [ 0 : 11 ]
-const getMonthName = (monthNum) =>
-  <FormattedDate value={Date.UTC(1970, monthNum)} month='long' timeZone='UTC' />
-
-// dayNum: [ 0 : 6 ]
-const getDayName = (dayNum) =>
-  // January, 1970, 5th => Monday
-  <FormattedDate value={Date.UTC(1970, 0, 4 + dayNum)} weekday='long' timeZone='UTC' />
-
-// ===================================================================
-
-@propTypes({
-  cronPattern: propTypes.string.isRequired
-})
-export class SchedulePreview extends Component {
-  render () {
-    const { cronPattern } = this.props
-    const { value } = this.state
-
-    const cronSched = later.parse.cron(cronPattern)
-    const dates = later.schedule(cronSched).next(value)
-
-    return (
-      <div>
-        <div className='alert alert-info' role='alert'>
-          {_('cronPattern')} <strong>{cronPattern}</strong>
-        </div>
-        <div className='mb-1' style={PREVIEW_SLIDER_STYLE}>
-          <Range min={MIN_PREVIEWS} max={MAX_PREVIEWS} onChange={this.linkState('value')} value={+value} />
-        </div>
-        <ul className='list-group'>
-          {map(dates, (date, id) => (
-            <li className='list-group-item' key={id}>
-              <FormattedTime value={date} {...TIME_FORMAT} />
-            </li>
-          ))}
-          <li className='list-group-item'>...</li>
-        </ul>
-      </div>
-    )
-  }
-}
-
-// ===================================================================
-
-@propTypes({
-  children: propTypes.any.isRequired,
-  onChange: propTypes.func.isRequired,
-  tdId: propTypes.number.isRequired,
-  value: propTypes.bool.isRequired
-})
-class ToggleTd extends Component {
-  _onClick = () => {
-    const { props } = this
-    props.onChange(props.tdId, !props.value)
-  }
-
-  render () {
-    const { props } = this
-    return (
-      <td style={CLICKABLE} className={props.value ? 'table-success' : ''} onClick={this._onClick}>
-        {props.children}
-      </td>
-    )
-  }
-}
-
-// ===================================================================
-
-@propTypes({
-  labelId: propTypes.string.isRequired,
-  options: propTypes.array.isRequired,
-  optionRenderer: propTypes.func,
-  onChange: propTypes.func.isRequired,
-  value: propTypes.array.isRequired
-})
-class TableSelect extends Component {
-  static defaultProps = {
-    optionRenderer: value => value
-  }
-
-  _reset = () => {
-    this.props.onChange([])
-  }
-
-  _handleChange = (tdId, tdValue) => {
-    const { props } = this
-
-    const newValue = props.value.slice()
-    const index = sortedIndex(newValue, tdId)
-
-    if (tdValue) {
-      // Add
-      if (newValue[index] !== tdId) {
-        newValue.splice(index, 0, tdId)
-      }
-    } else {
-      // Remove
-      if (newValue[index] === tdId) {
-        newValue.splice(index, 1)
-      }
-    }
-
-    props.onChange(newValue)
-  }
-
-  render () {
-    const {
-      labelId,
-      options,
-      optionRenderer,
-      value
-    } = this.props
-
-    return <div>
-      <table className='table table-bordered table-sm'>
-        <tbody>
-          {map(options, (line, i) => (
-            <tr key={i}>
-              {map(line, tdOption => (
-                <ToggleTd
-                  children={optionRenderer(tdOption)}
-                  tdId={tdOption}
-                  key={tdOption}
-                  onChange={this._handleChange}
-                  value={includes(value, tdOption)}
-                />
-              ))}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-      <button
-        className='btn btn-secondary pull-right'
-        onClick={this._reset}
-        type='button'
-      >
-        {_(`selectTableAll${labelId}`)} {value && !value.length && <Icon icon='success' />}
-      </button>
-    </div>
-  }
-}
-
-// ===================================================================
-
-// "2,7" => [2,7]   "*/2" => 2   "*" => []
-const cronToValue = (cron, range) => {
-  if (cron.indexOf('/') === 1) {
-    return +cron.split('/')[1]
-  }
-
-  if (cron === '*') {
-    return []
-  }
-
-  return map(cron.split(','), Number)
-}
-
-// [2,7] => "2,7"   2 => "*/2"   [] => "*"
-const valueToCron = value => {
-  if (!isArray(value)) {
-    return `*/${value}`
-  }
-
-  if (!value.length) {
-    return '*'
-  }
-
-  return value.join(',')
-}
-
-@propTypes({
-  headerAddon: propTypes.node,
-  optionRenderer: propTypes.func,
-  onChange: propTypes.func.isRequired,
-  range: propTypes.array,
-  labelId: propTypes.string.isRequired,
-  value: propTypes.any.isRequired
-})
-class TimePicker extends Component {
-  _update = cron => {
-    const { tableValue, rangeValue } = this.state
-
-    const newValue = cronToValue(cron)
-    const periodic = !isArray(newValue)
-
-    this.setState({
-      periodic,
-      tableValue: periodic ? tableValue : newValue,
-      rangeValue: periodic ? newValue : rangeValue
-    })
-  }
-
-  componentWillReceiveProps (props) {
-    if (props.value !== this.props.value) {
-      this._update(props.value)
-    }
-  }
-
-  componentDidMount () {
-    this._update(this.props.value)
-  }
-
-  _onChange = value => {
-    this.props.onChange(valueToCron(value))
-  }
-
-  _tableTab = () => this._onChange(this.state.tableValue || [])
-  _periodicTab = () => this._onChange(this.state.rangeValue || this.props.range[0])
-
-  render () {
-    const {
-      headerAddon,
-      labelId,
-      options,
-      optionRenderer,
-      range
-    } = this.props
-
-    const {
-      periodic,
-      tableValue,
-      rangeValue
-    } = this.state
-
-    return <Card>
-      <CardHeader>
-        {_(`scheduling${labelId}`)}
-        {headerAddon}
-      </CardHeader>
-      <CardBlock>
-        {range && <ul className='nav nav-tabs mb-1'>
-          <li className='nav-item'>
-            <a onClick={this._tableTab} className={classNames('nav-link', !periodic && 'active')} style={CLICKABLE}>
-              {_(`schedulingEachSelected${labelId}`)}
-            </a>
-          </li>
-          <li className='nav-item'>
-            <a onClick={this._periodicTab} className={classNames('nav-link', periodic && 'active')} style={CLICKABLE}>
-              {_(`schedulingEveryN${labelId}`)}
-            </a>
-          </li>
-        </ul>}
-        {periodic
-          ? <Range ref='range' min={range[0]} max={range[1]} onChange={this._onChange} value={rangeValue} />
-          : <TableSelect
-            labelId={labelId}
-            onChange={this._onChange}
-            options={options}
-            optionRenderer={optionRenderer}
-            value={tableValue || []}
-          />
-        }
-      </CardBlock>
-    </Card>
-  }
-}
-
-const isWeekDayMode = ({ monthDayPattern, weekDayPattern }) => {
-  if (monthDayPattern === '*' && weekDayPattern === '*') {
-    return
-  }
-
-  return weekDayPattern !== '*'
-}
-
-@propTypes({
-  monthDayPattern: propTypes.string.isRequired,
-  weekDayPattern: propTypes.string.isRequired
-})
-class DayPicker extends Component {
-  state = {
-    weekDayMode: isWeekDayMode(this.props)
-  }
-
-  componentWillReceiveProps (props) {
-    const weekDayMode = isWeekDayMode(props)
-
-    if (weekDayMode !== undefined) {
-      this.setState({ weekDayMode })
-    }
-  }
-
-  _setWeekDayMode = weekDayMode => {
-    this.props.onChange([ '*', '*' ])
-    this.setState({ weekDayMode })
-  }
-
-  _onChange = cron => {
-    const isMonthDayPattern = !this.state.weekDayMode || includes(cron, '/')
-
-    this.props.onChange([
-      isMonthDayPattern ? cron : '*',
-      isMonthDayPattern ? '*' : cron
-    ])
-  }
-
-  render () {
-    const { monthDayPattern, weekDayPattern } = this.props
-    const { weekDayMode } = this.state
-
-    const dayModeToggle = (
-      <Tooltip content={_(weekDayMode ? 'schedulingSetMonthDayMode' : 'schedulingSetWeekDayMode')}>
-        <span className='pull-right'><Toggle onChange={this._setWeekDayMode} iconSize={1} value={weekDayMode} /></span>
-      </Tooltip>
-    )
-
-    return <TimePicker
-      headerAddon={dayModeToggle}
-      key={weekDayMode ? 'week' : 'month'}
-      labelId='Day'
-      optionRenderer={weekDayMode ? getDayName : undefined}
-      options={weekDayMode ? WEEK_DAYS : DAYS}
-      onChange={this._onChange}
-      range={MONTH_DAYS_RANGE}
-      setWeekDayMode={this._setWeekDayMode}
-      value={weekDayMode ? weekDayPattern : monthDayPattern}
-    />
-  }
-}
-
-// ===================================================================
-
-@propTypes({
-  cronPattern: propTypes.string,
-  onChange: propTypes.func,
-  timezone: propTypes.string,
-  value: propTypes.shape({
-    cronPattern: propTypes.string.isRequired,
-    timezone: propTypes.string
-  })
-})
-export default class Scheduler extends Component {
-  constructor (props) {
-    super(props)
-
-    this._onCronChange = newCrons => {
-      const cronPattern = this._getCronPattern().split(' ')
-      forEach(newCrons, (cron, unit) => {
-        cronPattern[PICKTIME_TO_ID[unit]] = cron
-      })
-
-      this.props.onChange({
-        cronPattern: cronPattern.join(' '),
-        timezone: this._getTimezone()
-      })
-    }
-
-    forEach(UNITS, unit => {
-      this[`_${unit}Change`] = cron => this._onCronChange({ [unit]: cron })
-    })
-    this._dayChange = ([ monthDay, weekDay ]) => this._onCronChange({ monthDay, weekDay })
-  }
-
-  _onTimezoneChange = timezone => {
-    this.props.onChange({
-      cronPattern: this._getCronPattern(),
-      timezone
-    })
-  }
-
-  _getCronPattern = () => {
-    const { value, cronPattern = value.cronPattern } = this.props
-    return cronPattern
-  }
-
-  _getTimezone = () => {
-    const { value, timezone = value && value.timezone } = this.props
-    return timezone
-  }
-
-  render () {
-    const cronPatternArr = this._getCronPattern().split(' ')
-    const timezone = this._getTimezone()
-
-    return (
-      <div className='card-block'>
-        <Row>
-          <Col mediumSize={6}>
-            <TimePicker
-              labelId='Month'
-              optionRenderer={getMonthName}
-              options={MONTHS}
-              onChange={this._monthChange}
-              range={MONTHS_RANGE}
-              value={cronPatternArr[PICKTIME_TO_ID['month']]}
-            />
-            <DayPicker
-              onChange={this._dayChange}
-              monthDayPattern={cronPatternArr[PICKTIME_TO_ID['monthDay']]}
-              weekDayPattern={cronPatternArr[PICKTIME_TO_ID['weekDay']]}
-            />
-          </Col>
-          <Col mediumSize={6}>
-            <TimePicker
-              labelId='Hour'
-              options={HOURS}
-              range={HOURS_RANGE}
-              onChange={this._hourChange}
-              value={cronPatternArr[PICKTIME_TO_ID['hour']]}
-            />
-            <TimePicker
-              labelId='Minute'
-              options={MINS}
-              range={MINUTES_RANGE}
-              onChange={this._minuteChange}
-              value={cronPatternArr[PICKTIME_TO_ID['minute']]}
-            />
-          </Col>
-        </Row>
-        <Row>
-          <Col>
-            <hr />
-            <TimezonePicker value={timezone} onChange={this._onTimezoneChange} />
-          </Col>
-        </Row>
-      </div>
-    )
-  }
-}

src/common/select-files.js

@@ -1,32 +0,0 @@
-import _ from 'intl'
-import Component from 'base-component'
-import Icon from 'icon'
-import propTypes from 'prop-types'
-import React from 'react'
-import { omit } from 'lodash'
-
-@propTypes({
-  multi: propTypes.bool,
-  label: propTypes.node,
-  onChange: propTypes.func.isRequired
-})
-export default class SelectFiles extends Component {
-  _onChange = e => {
-    const { multi, onChange } = this.props
-    const { files } = e.target
-
-    onChange(multi ? files : files[0])
-  }
-
-  render () {
-    return <label className='btn btn-secondary btn-file hidden'>
-      <Icon icon='file' /> {this.props.label || _('browseFiles')}
-      <input
-        {...omit(this.props, [ 'hidden', 'label', 'onChange', 'multi' ])}
-        hidden
-        onChange={this._onChange}
-        type='file'
-      />
-    </label>
-  }
-}

src/common/select-objects.js

@@ -1,919 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import Icon from 'icon'
-import store from 'store'
-import Tooltip from 'tooltip'
-import { Button } from 'react-bootstrap-4/lib'
-import { parse as parseRemote } from 'xo-remote-parser'
-import {
-  assign,
-  filter,
-  flatten,
-  forEach,
-  groupBy,
-  includes,
-  isArray,
-  isEmpty,
-  isInteger,
-  isString,
-  keyBy,
-  keys,
-  map,
-  mapValues,
-  pick,
-  sortBy,
-  toArray
-} from 'lodash'
-
-import _ from './intl'
-import uncontrollableInput from 'uncontrollable-input'
-import Component from './base-component'
-import propTypes from './prop-types'
-import renderXoItem from './render-xo-item'
-import { Select } from './form'
-import {
-  createCollectionWrapper,
-  createFilter,
-  createGetObjectsOfType,
-  createGetTags,
-  createSelector,
-  getObject
-} from './selectors'
-import {
-  addSubscriptions,
-  connectStore,
-  resolveResourceSets
-} from './utils'
-import {
-  isSrWritable,
-  subscribeCurrentUser,
-  subscribeGroups,
-  subscribeIpPools,
-  subscribeRemotes,
-  subscribeResourceSets,
-  subscribeRoles,
-  subscribeUsers
-} from './xo'
-
-// ===================================================================
-
-// react-select's line-height is 1.4
-// https://github.com/JedWatson/react-select/blob/916ab0e62fc7394be8e24f22251c399a68de8b1c/less/multi.less#L33
-// while bootstrap button's line-height is 1.25
-// https://github.com/twbs/bootstrap/blob/959c4e527c6ef69623928db638267ba1c370479d/scss/_variables.scss#L342
-const ADDON_BUTTON_STYLE = { lineHeight: '1.4' }
-
-const getIds = value => value == null || isString(value) || isInteger(value)
-  ? value
-  : isArray(value)
-    ? map(value, getIds)
-    : value.id
-
-const getOption = (object, container) => ({
-  label: container
-    ? `${getLabel(object)} ${getLabel(container)}`
-    : getLabel(object),
-  value: object.id,
-  xoItem: object
-})
-
-const getLabel = object =>
-  object.name_label ||
-  object.name ||
-  object.email ||
-  (object.value && object.value.name) ||
-  object.value ||
-  object.label
-
-const options = props => ({
-  defaultValue: props.multi ? [] : undefined
-})
-
-// ===================================================================
-
-/*
- * WITHOUT xoContainers :
- *
- * xoObjects: [
- *  { type: 'myType', id: 'abc', label: 'First object' },
- *  { type: 'myType', id: 'def', label: 'Second object' }
- * ]
- *
- *
- * WITH xoContainers :
- *
- * xoContainers: [
- *  { type: 'containerType', id: 'ghi', label: 'First container' },
- *  { type: 'containerType', id: 'jkl', label: 'Second container' }
- * ]
- *
- * xoObjects: {
- *  ghi: [
- *    { type: 'objectType', id: 'mno', label: 'First object' }
- *    { type: 'objectType', id: 'pqr', label: 'Second object' }
- *  ],
- *  jkl: [
- *    { type: 'objectType', id: 'stu', label: 'Third object' }
- *  ]
- * }
- */
-@propTypes({
-  autoFocus: propTypes.bool,
-  clearable: propTypes.bool,
-  disabled: propTypes.bool,
-  hasSelectAll: propTypes.bool,
-  multi: propTypes.bool,
-  onChange: propTypes.func,
-  placeholder: propTypes.any.isRequired,
-  required: propTypes.bool,
-  value: propTypes.any,
-  xoContainers: propTypes.array,
-  xoObjects: propTypes.oneOfType([
-    propTypes.array,
-    propTypes.objectOf(propTypes.array)
-  ]).isRequired
-})
-export class GenericSelect extends Component {
-  _getObjectsById = createSelector(
-    () => this.props.xoObjects,
-    objects => keyBy(
-      isArray(objects)
-        ? objects
-        : flatten(toArray(objects)),
-      'id'
-    )
-  )
-
-  _getOptions = createSelector(
-    () => this.props.xoContainers,
-    () => this.props.xoObjects,
-    (containers, objects) => { // createCollectionWrapper with a depth?
-      const { name } = this.constructor
-
-      let options = []
-      if (!containers) {
-        if (__DEV__ && !isArray(objects)) {
-          throw new Error(`${name}: without xoContainers, xoObjects must be an array`)
-        }
-
-        options = map(objects, getOption)
-      } else if (__DEV__ && isArray(objects)) {
-        throw new Error(`${name}: with xoContainers, xoObjects must be an object`)
-      }
-
-      forEach(containers, container => {
-        options.push({
-          disabled: true,
-          xoItem: container
-        })
-
-        forEach(objects[container.id], object => {
-          options.push(getOption(object, container))
-        })
-      })
-
-      const values = this._getSelectValue()
-      const objectsById = this._getObjectsById()
-      const addIfMissing = val => {
-        if (val && !objectsById[val]) {
-          options.push({
-            disabled: true,
-            id: val,
-            label: val,
-            value: val,
-            xoItem: {
-              id: val,
-              removed: true
-            }
-          })
-        }
-      }
-
-      if (isArray(values)) {
-        forEach(values, addIfMissing)
-      } else {
-        addIfMissing(values)
-      }
-
-      return options
-    }
-  )
-
-  _getSelectValue = createSelector(
-    () => this.props.value,
-    createCollectionWrapper(getIds)
-  )
-
-  _getNewSelectedObjects = createSelector(
-    this._getObjectsById,
-    value => value,
-    (objectsById, value) => value == null
-      ? value
-      : isArray(value)
-        ? map(value, value => objectsById[value.value])
-        : objectsById[value.value]
-  )
-
-  _onChange = value => {
-    const { onChange } = this.props
-    if (onChange) {
-      onChange(this._getNewSelectedObjects(value))
-    }
-  }
-
-  _selectAll = () => {
-    this._onChange(
-      filter(this._getOptions(), ({ disabled }) => !disabled)
-    )
-  }
-
-  // GroupBy: Display option with margin if not disabled and containers exists.
-  _renderOption = option =>
-    <span
-      className={classNames(
-        !option.disabled && this.props.xoContainers && 'ml-1'
-      )}
-    >
-      {renderXoItem(option.xoItem)}
-    </span>
-
-  render () {
-    const {
-      autoFocus,
-      disabled,
-      hasSelectAll,
-      multi,
-      placeholder,
-      required,
-
-      clearable = Boolean(multi || !required)
-    } = this.props
-
-    const select = <Select
-      {...{
-        autofocus: autoFocus,
-        clearable,
-        disabled,
-        multi,
-        placeholder,
-        required
-      }}
-
-      onChange={this._onChange}
-      openOnFocus
-      optionRenderer={this._renderOption}
-      options={this._getOptions()}
-      value={this._getSelectValue()}
-      valueRenderer={this._renderOption}
-    />
-
-    if (!multi || !hasSelectAll) {
-      return select
-    }
-
-    // `hasSelectAll` should be provided by react-select after this pull request has been merged:
-    // https://github.com/JedWatson/react-select/pull/748
-    // TODO: remove once it has been merged upstream.
-    return <div className='input-group'>
-      {select}
-      <span className='input-group-btn'>
-        <Tooltip content={_('selectAll')}>
-          <Button type='button' bsStyle='secondary' onClick={this._selectAll} style={ADDON_BUTTON_STYLE}>
-            <Icon icon='add' />
-          </Button>
-        </Tooltip>
-      </span>
-    </div>
-  }
-}
-
-const makeStoreSelect = (createSelectors, defaultProps) => uncontrollableInput(options)(
-  connectStore(createSelectors)(
-    props =>
-      <GenericSelect
-        {...defaultProps}
-        {...props}
-      />
-  )
-)
-
-const makeSubscriptionSelect = (subscribe, props) => uncontrollableInput(options)(
-  class extends Component {
-    constructor (props) {
-      super(props)
-
-      this._getFilteredXoContainers = createFilter(
-        () => this.state.xoContainers,
-        () => this.props.containerPredicate
-      )
-
-      this._getFilteredXoObjects = createSelector(
-        () => this.state.xoObjects,
-        () => this.state.xoContainers && this._getFilteredXoContainers(),
-        () => this.props.predicate,
-        (xoObjects, xoContainers, predicate) => {
-          if (xoContainers == null) {
-            return filter(xoObjects, predicate)
-          } else {
-            // Filter xoObjects with `predicate`...
-            const filteredObjects = mapValues(xoObjects, xoObjectsGroup =>
-              filter(xoObjectsGroup, predicate)
-            )
-            // ...and keep only those whose xoContainer hasn't been filtered out
-            return pick(filteredObjects, map(xoContainers, container => container.id))
-          }
-        }
-      )
-    }
-
-    componentWillMount () {
-      this.componentWillUnmount = subscribe(::this.setState)
-    }
-
-    render () {
-      return (
-        <GenericSelect
-          {...props}
-          {...this.props}
-          xoObjects={this._getFilteredXoObjects()}
-          xoContainers={this.state.xoContainers && this._getFilteredXoContainers()}
-        />
-      )
-    }
-  }
-)
-
-// ===================================================================
-// XO objects.
-// ===================================================================
-
-const getPredicate = (state, props) => props.predicate
-
-// ===================================================================
-
-export const SelectHost = makeStoreSelect(() => {
-  const getHostsByPool = createGetObjectsOfType('host').filter(
-    getPredicate
-  ).sort()
-
-  return {
-    xoObjects: getHostsByPool
-  }
-}, { placeholder: _('selectHosts') })
-
-// ===================================================================
-
-export const SelectPool = makeStoreSelect(() => ({
-  xoObjects: createGetObjectsOfType('pool').filter(getPredicate).sort()
-}), { placeholder: _('selectPools') })
-
-// ===================================================================
-
-export const SelectSr = makeStoreSelect(() => {
-  const getSrsByContainer = createGetObjectsOfType('SR').filter(
-    (_, { predicate }) => predicate || isSrWritable
-  ).sort().groupBy('$container')
-
-  const getContainerIds = createSelector(
-    getSrsByContainer,
-    srsByContainer => keys(srsByContainer)
-  )
-
-  const getPools = createGetObjectsOfType('pool').pick(getContainerIds).sort()
-  const getHosts = createGetObjectsOfType('host').pick(getContainerIds).sort()
-
-  const getContainers = createSelector(
-    getPools,
-    getHosts,
-    (pools, hosts) => pools.concat(hosts)
-  )
-
-  return {
-    xoObjects: getSrsByContainer,
-    xoContainers: getContainers
-  }
-}, { placeholder: _('selectSrs') })
-
-// ===================================================================
-
-export const SelectVm = makeStoreSelect(() => {
-  const getVmsByContainer = createGetObjectsOfType('VM').filter(
-    getPredicate
-  ).sort().groupBy('$container')
-
-  const getContainerIds = createSelector(
-    getVmsByContainer,
-    vmsByContainer => keys(vmsByContainer)
-  )
-
-  const getPools = createGetObjectsOfType('pool').pick(getContainerIds).sort()
-  const getHosts = createGetObjectsOfType('host').pick(getContainerIds).sort()
-
-  const getContainers = createSelector(
-    getPools,
-    getHosts,
-    (pools, hosts) => pools.concat(hosts)
-  )
-
-  return {
-    xoObjects: getVmsByContainer,
-    xoContainers: getContainers
-  }
-}, { placeholder: _('selectVms') })
-
-// ===================================================================
-
-export const SelectHostVm = makeStoreSelect(() => {
-  const getHosts = createGetObjectsOfType('host').filter(
-    getPredicate
-  ).sort()
-  const getVms = createGetObjectsOfType('VM').filter(
-    getPredicate
-  ).sort()
-
-  const getObjects = createSelector(
-    getHosts,
-    getVms,
-    (hosts, vms) => hosts.concat(vms)
-  )
-
-  return {
-    xoObjects: getObjects
-  }
-}, { placeholder: _('selectHostsVms') })
-
-// ===================================================================
-
-export const SelectVmTemplate = makeStoreSelect(() => {
-  const getVmTemplatesByPool = createGetObjectsOfType('VM-template').filter(
-    getPredicate
-  ).sort().groupBy('$container')
-  const getPools = createGetObjectsOfType('pool').pick(
-    createSelector(
-      getVmTemplatesByPool,
-      vmTemplatesByPool => keys(vmTemplatesByPool)
-    )
-  ).sort()
-
-  return {
-    xoObjects: getVmTemplatesByPool,
-    xoContainers: getPools
-  }
-}, { placeholder: _('selectVmTemplates') })
-
-// ===================================================================
-
-export const SelectNetwork = makeStoreSelect(() => {
-  const getNetworksByPool = createGetObjectsOfType('network').filter(
-    getPredicate
-  ).sort().groupBy('$pool')
-  const getPools = createGetObjectsOfType('pool').pick(
-    createSelector(
-      getNetworksByPool,
-      networksByPool => keys(networksByPool)
-    )
-  ).sort()
-
-  return {
-    xoObjects: getNetworksByPool,
-    xoContainers: getPools
-  }
-}, { placeholder: _('selectNetworks') })
-
-// ===================================================================
-
-export const SelectPif = makeStoreSelect(() => {
-  const getPifsByHost = createGetObjectsOfType('PIF').filter(
-    getPredicate
-  ).sort().groupBy('$host')
-  const getHosts = createGetObjectsOfType('host').pick(
-    createSelector(
-      getPifsByHost,
-      networksByPool => keys(networksByPool)
-    )
-  ).sort()
-
-  return {
-    xoObjects: getPifsByHost,
-    xoContainers: getHosts
-  }
-}, { placeholder: _('selectPifs') })
-
-// ===================================================================
-
-export const SelectTag = makeStoreSelect((_, props) => ({
-  xoObjects: createSelector(
-    createGetTags(
-      'objects' in props
-        ? (_, props) => props.objects
-        : undefined
-    ).filter(getPredicate).sort(),
-    tags => map(tags, tag => ({ id: tag, type: 'tag', value: tag }))
-  )
-}), { placeholder: _('selectTags') })
-
-export const SelectHighLevelObject = makeStoreSelect(() => {
-  const getHosts = createGetObjectsOfType('host').filter(getPredicate)
-  const getNetworks = createGetObjectsOfType('network').filter(getPredicate)
-  const getPools = createGetObjectsOfType('pool').filter(getPredicate)
-  const getSrs = createGetObjectsOfType('SR').filter(getPredicate)
-  const getVms = createGetObjectsOfType('VM').filter(getPredicate)
-
-  const getHighLevelObjects = createSelector(
-    getHosts,
-    getNetworks,
-    getPools,
-    getSrs,
-    getVms,
-    (hosts, networks, pools, srs, vms) => sortBy(assign({}, hosts, networks, pools, srs, vms), ['type', 'name_label'])
-  )
-
-  return {xoObjects: getHighLevelObjects}
-}, { placeholder: _('selectObjects') })
-
-// ===================================================================
-
-export const SelectVdi = propTypes({
-  srPredicate: propTypes.func
-})(makeStoreSelect(() => {
-  const getSrs = createGetObjectsOfType('SR').filter((_, props) => props.srPredicate)
-  const getVdis = createGetObjectsOfType('VDI').filter(createSelector(
-    getSrs,
-    getPredicate,
-    (srs, predicate) => predicate ? vdi => srs[vdi.$SR] && predicate(vdi) : vdi => srs[vdi.$SR]
-  )).sort().groupBy('$SR')
-
-  return {
-    xoObjects: getVdis,
-    xoContainers: getSrs.sort()
-  }
-}, { placeholder: _('selectVdis') }))
-
-// ===================================================================
-// Objects from subscriptions.
-// ===================================================================
-
-export const SelectSubject = makeSubscriptionSelect(subscriber => {
-  let subjects = {}
-
-  let usersLoaded, groupsLoaded
-  const set = newSubjects => {
-    subjects = newSubjects
-    /* We must wait for groups AND users options to be loaded,
-     * or a previously setted value belonging to one type or another might be discarded
-     * by the internal <GenericSelect>
-     */
-    if (usersLoaded && groupsLoaded) {
-      subscriber({
-        xoObjects: subjects
-      })
-    }
-  }
-
-  const unsubscribeGroups = subscribeGroups(groups => {
-    groupsLoaded = true
-    set([
-      ...filter(subjects, subject => subject.type === 'user'),
-      ...groups
-    ])
-  })
-
-  const unsubscribeUsers = subscribeUsers(users => {
-    usersLoaded = true
-    set([
-      ...filter(subjects, subject => subject.type === 'group'),
-      ...users
-    ])
-  })
-
-  return () => {
-    unsubscribeGroups()
-    unsubscribeUsers()
-  }
-}, { placeholder: _('selectSubjects') })
-
-// ===================================================================
-
-export const SelectRole = makeSubscriptionSelect(subscriber => {
-  const unsubscribeRoles = subscribeRoles(roles => {
-    const xoObjects = map(sortBy(roles, 'name'), role => ({...role, type: 'role'}))
-    subscriber({xoObjects})
-  })
-  return unsubscribeRoles
-}, { placeholder: _('selectRole') })
-
-// ===================================================================
-
-export const SelectRemote = makeSubscriptionSelect(subscriber => {
-  const unsubscribeRemotes = subscribeRemotes(remotes => {
-    const xoObjects = groupBy(
-      map(sortBy(remotes, 'name'), remote => {
-        remote = {...remote, ...parseRemote(remote.url)}
-        return { id: remote.id, type: 'remote', value: remote }
-      }),
-      remote => remote.value.type
-    )
-
-    subscriber({
-      xoObjects,
-      xoContainers: map(xoObjects, (remote, type) => ({
-        id: type,
-        label: type
-      }))
-    })
-  })
-
-  return unsubscribeRemotes
-}, { placeholder: _('selectRemotes') })
-
-// ===================================================================
-
-export const SelectResourceSet = makeSubscriptionSelect(subscriber => {
-  const unsubscribeResourceSets = subscribeResourceSets(resourceSets => {
-    const xoObjects = map(sortBy(resolveResourceSets(resourceSets), 'name'), resourceSet => ({...resourceSet, type: 'resourceSet'}))
-
-    subscriber({xoObjects})
-  })
-
-  return unsubscribeResourceSets
-}, { placeholder: _('selectResourceSets') })
-
-// ===================================================================
-
-export class SelectResourceSetsVmTemplate extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-
-  _getTemplates = createSelector(
-    () => this.props.resourceSet,
-    ({ objectsByType }) => {
-      const { predicate } = this.props
-      const templates = objectsByType['VM-template']
-      return sortBy(predicate ? filter(templates, predicate) : templates, 'name_label')
-    }
-  )
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectResourceSetsVmTemplate')}
-        {...this.props}
-        xoObjects={this._getTemplates()}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-export class SelectResourceSetsSr extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-  _getSrs = createSelector(
-    () => this.props.resourceSet,
-    ({ objectsByType }) => {
-      const { predicate } = this.props
-      const srs = objectsByType['SR']
-      return sortBy(predicate ? filter(srs, predicate) : srs, 'name_label')
-    }
-  )
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectResourceSetsSr')}
-        {...this.props}
-        xoObjects={this._getSrs()}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-export class SelectResourceSetsVdi extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-
-  _getObject (id) {
-    return getObject(store.getState(), id, true)
-  }
-
-  _getSrs = createSelector(
-    () => this.props.resourceSet,
-    ({ objectsByType }) => {
-      const { srPredicate } = this.props
-      const srs = objectsByType['SR']
-      return srPredicate ? filter(srs, srPredicate) : srs
-    }
-  )
-
-  _getVdis = createSelector(
-    this._getSrs,
-    srs => sortBy(map(flatten(map(srs, sr => sr.VDIs)), this._getObject), 'name_label')
-  )
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectResourceSetsVdi')}
-        {...this.props}
-        xoObjects={this._getVdis()}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-export class SelectResourceSetsNetwork extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-
-  _getNetworks = createSelector(
-    () => this.props.resourceSet,
-    ({ objectsByType }) => {
-      const { predicate } = this.props
-      const networks = objectsByType['network']
-      return sortBy(predicate ? filter(networks, predicate) : networks, 'name_label')
-    }
-  )
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectResourceSetsNetwork')}
-        {...this.props}
-        xoObjects={this._getNetworks()}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-// Pass a function to @addSubscriptions to ensure subscribeIpPools and subscribeResourceSets
-// are correctly imported before they are called
-@addSubscriptions(() => ({
-  ipPools: subscribeIpPools,
-  resourceSets: subscribeResourceSets
-}))
-@propTypes({
-  containerPredicate: propTypes.func,
-  predicate: propTypes.func,
-  resourceSetId: propTypes.string.isRequired
-})
-export class SelectResourceSetIp extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-
-  _getResourceSetIpPools = createSelector(
-    () => this.props.ipPools,
-    () => this.props.resourceSets,
-    () => this.props.resourceSetId,
-    (allIpPools, allResourceSets, resourceSetId) => {
-      const { ipPools } = allResourceSets[resourceSetId]
-      return filter(allIpPools, ({ id }) => includes(ipPools, id))
-    }
-  )
-
-  _getIpPools = createSelector(
-    () => this.props.ipPools,
-    () => this.props.containerPredicate,
-    (ipPools, predicate) => predicate
-      ? filter(ipPools, predicate)
-      : ipPools
-  )
-
-  _getIps = createSelector(
-    this._getIpPools,
-    () => this.props.predicate,
-    () => this.props.ipPools,
-    (ipPools, predicate, resolvedIpPools) => {
-      return flatten(
-        map(ipPools, ipPool => {
-          const poolIps = map(ipPool.addresses, (address, ip) => ({
-            ...address,
-            id: ip,
-            label: ip,
-            type: 'ipAddress',
-            used: !isEmpty(address.vifs)
-          }))
-          return predicate ? filter(poolIps, predicate) : poolIps
-        })
-      )
-    }
-  )
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectIpPool')}
-        {...this.props}
-        xoObjects={this._getIps()}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-export class SelectSshKey extends Component {
-  get value () {
-    return this.refs.select.value
-  }
-
-  set value (value) {
-    this.refs.select.value = value
-  }
-
-  componentWillMount () {
-    this.componentWillUnmount = subscribeCurrentUser(user => {
-      this.setState({
-        sshKeys: user && user.preferences && map(user.preferences.sshKeys, (key, id) => ({
-          id,
-          label: key.title,
-          type: 'sshKey'
-        }))
-      })
-    })
-  }
-
-  render () {
-    return (
-      <GenericSelect
-        ref='select'
-        placeholder={_('selectSshKey')}
-        {...this.props}
-        xoObjects={this.state.sshKeys || []}
-      />
-    )
-  }
-}
-
-// ===================================================================
-
-export const SelectIp = makeSubscriptionSelect(subscriber => {
-  const unsubscribeIpPools = subscribeIpPools(ipPools => {
-    const sortedIpPools = sortBy(ipPools, 'name')
-    const xoObjects = mapValues(
-      groupBy(sortedIpPools, 'id'),
-      ipPools => map(ipPools[0].addresses, (address, ip) => ({
-        ...address,
-        id: ip,
-        label: ip,
-        type: 'ipAddress',
-        used: !isEmpty(address.vifs)
-      }))
-    )
-    const xoContainers = map(sortedIpPools, ipPool => ({
-      ...ipPool,
-      type: 'ipPool'
-    }))
-    subscriber({ xoObjects, xoContainers })
-  })
-
-  return unsubscribeIpPools
-}, { placeholder: _('selectIp') })
-
-// ===================================================================
-
-export const SelectIpPool = makeSubscriptionSelect(subscriber => {
-  const unsubscribeIpPools = subscribeIpPools(ipPools => {
-    subscriber({
-      xoObjects: map(sortBy(ipPools, 'name'), ipPool => ({ ...ipPool, type: 'ipPool' }))
-    })
-  })
-
-  return unsubscribeIpPools
-}, { placeholder: _('selectIpPool') })

src/common/selectors.js

@@ -1,511 +0,0 @@
-import checkPermissions from 'xo-acl-resolver'
-import filter from 'lodash/filter'
-import find from 'lodash/find'
-import forEach from 'lodash/forEach'
-import groupBy from 'lodash/groupBy'
-import isArray from 'lodash/isArray'
-import isArrayLike from 'lodash/isArrayLike'
-import isFunction from 'lodash/isFunction'
-import keys from 'lodash/keys'
-import map from 'lodash/map'
-import orderBy from 'lodash/orderBy'
-import pickBy from 'lodash/pickBy'
-import size from 'lodash/size'
-import slice from 'lodash/slice'
-import { createSelector as create } from 'reselect'
-
-import invoke from './invoke'
-import shallowEqual from './shallow-equal'
-import { EMPTY_ARRAY, EMPTY_OBJECT } from './utils'
-
-// ===================================================================
-
-export {
-  // That's usually the name we want to import.
-  createSelector,
-
-  // But selectors.create is nice too :)
-  createSelector as create
-} from 'reselect'
-
-// -------------------------------------------------------------------
-
-// Wraps a function which returns a collection to returns the previous
-// result if the collection has not really changed (ie still has the
-// same items).
-//
-// Use case: in connect, to avoid rerendering a component where the
-// objects are still the same.
-const _createCollectionWrapper = selector => {
-  let cache, previous
-
-  return (...args) => {
-    const value = selector(...args)
-    if (value !== previous) {
-      previous = value
-
-      if (!shallowEqual(value, cache)) {
-        cache = value
-      }
-    }
-    return cache
-  }
-}
-export { _createCollectionWrapper as createCollectionWrapper }
-
-const _SELECTOR_PLACEHOLDER = Symbol('selector placeholder')
-
-// Experimental!
-//
-// Similar to reselect's createSelector() but inputs can be either
-// selectors or plain values.
-//
-// To pass a function as a plain value, simply wrap it with an array.
-const _create2 = (...inputs) => {
-  const resultFn = inputs.pop()
-
-  if (inputs.length === 1 && isArray(inputs[0])) {
-    inputs = inputs[0]
-  }
-
-  const n = inputs.length
-
-  const inputSelectors = []
-  for (let i = 0; i < n; ++i) {
-    const input = inputs[i]
-
-    if (isFunction(input)) {
-      inputSelectors.push(input)
-      inputs[i] = _SELECTOR_PLACEHOLDER
-    } else if (isArray(input) && input.length === 1) {
-      inputs[i] = input[0]
-    }
-  }
-
-  if (!inputSelectors.length) {
-    throw new Error('no input selectors')
-  }
-
-  return create(inputSelectors, function () {
-    const args = new Array(n)
-    for (let i = 0, j = 0; i < n; ++i) {
-      const input = inputs[i]
-      args[i] = input === _SELECTOR_PLACEHOLDER
-        ? arguments[j++]
-        : input
-    }
-
-    return resultFn.apply(this, args)
-  })
-}
-
-// ===================================================================
-// Generic selector creators.
-
-export const createCounter = (collection, predicate) =>
-  _create2(
-    collection,
-    predicate,
-    (collection, predicate) => {
-      if (!predicate) {
-        return size(collection)
-      }
-
-      let count = 0
-      forEach(collection, item => {
-        if (predicate(item)) {
-          ++count
-        }
-      })
-      return count
-    }
-  )
-
-// Creates an object selector from an object selector and a properties
-// selector.
-//
-// Should only be used with a reasonable number of properties.
-export const createPicker = (object, props) =>
-  _createCollectionWrapper(
-    _create2(
-      object, props,
-      (object, props) => {
-        const values = {}
-        forEach(props, prop => {
-          const value = object[prop]
-          if (value) {
-            values[prop] = value
-          }
-        })
-        return values
-      }
-    )
-  )
-
-// Special cases:
-// - predicate == null → no filtering
-// - predicate === false → everything is filtered out
-export const createFilter = (collection, predicate) =>
-  _create2(
-    collection,
-    predicate,
-    _createCollectionWrapper(
-      (collection, predicate) => predicate === false
-        ? (isArrayLike(collection) ? EMPTY_ARRAY : EMPTY_OBJECT)
-        : predicate
-          ? (isArrayLike(collection) ? filter : pickBy)(collection, predicate)
-          : collection
-    )
-  )
-
-export const createFinder = (collection, predicate) =>
-  _create2(
-    collection,
-    predicate,
-    find
-  )
-
-export const createGroupBy = (collection, getter) =>
-  _create2(
-    collection,
-    getter,
-    groupBy
-  )
-
-export const createPager = (array, page, n = 25) =>
-  _create2(
-    array,
-    page,
-    n,
-    _createCollectionWrapper(
-      (array, page, n) => {
-        const start = (page - 1) * n
-        return slice(array, start, start + n)
-      }
-    )
-  )
-
-export const createSort = (
-  collection,
-  getter = 'name_label',
-  order = 'asc'
-) => _create2(collection, getter, order, orderBy)
-
-export const createTop = (collection, iteratee, n) =>
-  _create2(
-    collection,
-    iteratee,
-    n,
-    _createCollectionWrapper(
-      (objects, iteratee, n) => {
-        let results = orderBy(objects, iteratee, 'desc')
-        if (n < results.length) {
-          results.length = n
-        }
-        return results
-      }
-    )
-  )
-
-// ===================================================================
-// Root-ish selectors (no dependencies).
-
-export const areObjectsFetched = state => state.objects.fetched
-
-const _getId = (state, { routeParams, id }) => routeParams
-  ? routeParams.id
-  : id
-
-export const getLang = state => state.lang
-
-export const getStatus = state => state.status
-
-export const getUser = state => state.user
-
-export const getCheckPermissions = invoke(() => {
-  const getPredicate = create(
-    state => state.permissions,
-    state => state.objects,
-    (permissions, objects) => {
-      objects = objects.all
-      const getObject = id => (objects[id] || EMPTY_OBJECT)
-
-      return (id, permission) => checkPermissions(permissions, getObject, id, permission)
-    }
-  )
-
-  const isTrue = () => true
-  const isFalse = () => false
-
-  return state => {
-    const user = getUser(state)
-
-    if (!user) {
-      return isFalse
-    }
-
-    if (user.permission === 'admin') {
-      return isTrue
-    }
-
-    return getPredicate(state)
-  }
-})
-
-const _getPermissionsPredicate = invoke(() => {
-  const getPredicate = create(
-    state => state.permissions,
-    state => state.objects,
-    (permissions, objects) => {
-      objects = objects.all
-      const getObject = id => (objects[id] || EMPTY_OBJECT)
-
-      return id => checkPermissions(permissions, getObject, id.id || id, 'view')
-    }
-  )
-
-  return state => {
-    const user = getUser(state)
-    if (!user) {
-      return false
-    }
-
-    if (user.permission === 'admin') {
-      return // No predicate means no filtering.
-    }
-
-    return getPredicate(state)
-  }
-})
-
-export const isAdmin = (...args) => {
-  const user = getUser(...args)
-
-  return user && user.permission === 'admin'
-}
-
-// ===================================================================
-// Common selector creators.
-
-// Creates an object selector from an id selector.
-export const createGetObject = (idSelector = _getId) =>
-  (state, props, useResourceSet) => {
-    const object = state.objects.all[idSelector(state, props)]
-    if (!object) {
-      return
-    }
-
-    if (useResourceSet) {
-      return object
-    }
-
-    const predicate = _getPermissionsPredicate(state)
-
-    if (!predicate) {
-      if (predicate == null) {
-        return object // no filtering
-      }
-
-      // predicate is false.
-      return
-    }
-
-    if (predicate(object)) {
-      return object
-    }
-  }
-
-// Specialized createSort() configured for a given type.
-export const createSortForType = invoke(() => {
-  const iterateesByType = {
-    message: message => message.time,
-    PIF: pif => pif.device,
-    pool: pool => pool.name_label,
-    pool_patch: patch => patch.name,
-    tag: tag => tag,
-    VBD: vbd => vbd.position,
-    'VDI-snapshot': snapshot => snapshot.snapshot_time,
-    'VM-snapshot': snapshot => snapshot.snapshot_time
-  }
-  const defaultIteratees = [
-    object => object.$pool,
-    object => object.name_label
-  ]
-  const getIteratees = type => iterateesByType[type] || defaultIteratees
-
-  const ordersByType = {
-    message: 'desc',
-    'VDI-snapshot': 'desc',
-    'VM-snapshot': 'desc'
-  }
-  const getOrders = type => ordersByType[type]
-
-  const autoSelector = (type, fn) => isFunction(type)
-    ? (state, props) => fn(type(state, props))
-    : [ fn(type) ]
-
-  return (type, collection) => createSort(
-    collection,
-    autoSelector(type, getIteratees),
-    autoSelector(type, getOrders),
-  )
-})
-
-// Add utility methods to a collection selector.
-const _extendCollectionSelector = (selector, objectsType) => {
-  // Terminal methods.
-  const _addCount = selector => {
-    selector.count = predicate => createCounter(selector, predicate)
-    return selector
-  }
-  _addCount(selector)
-  const _addGroupBy = selector => {
-    selector.groupBy = getter => createGroupBy(selector, getter)
-    return selector
-  }
-  _addGroupBy(selector)
-  const _addFind = selector => {
-    selector.find = predicate => createFinder(selector, predicate)
-    return selector
-  }
-  _addFind(selector)
-
-  // groupBy can be chained.
-  const _addSort = selector => {
-    // TODO: maybe memoize when no idsSelector.
-    selector.sort = () => _addGroupBy(createSortForType(objectsType, selector))
-    return selector
-  }
-  _addSort(selector)
-
-  // count, groupBy and sort can be chained.
-  const _addFilter = selector => {
-    selector.filter = predicate => _addCount(_addGroupBy(_addSort(
-      createFilter(selector, predicate)
-    )))
-    return selector
-  }
-  _addFilter(selector)
-
-  // filter, groupBy and sort can be chained.
-  selector.pick = idsSelector => _addFind(_addFilter(_addGroupBy(_addSort(
-    createPicker(selector, idsSelector)
-  ))))
-
-  return selector
-}
-
-// Creates a collection selector which returns all objects of a given
-// type.
-//
-// The selector as the following methods:
-//
-// - count: returns a selector which returns the number of objects
-// - filter: returns a selector which returns the objects filtered by
-//           a predicate (count, groupBy and sort can be chained)
-// - find: returns a selector which returns the first object matching
-//         a predicate
-// - groupBy: returns a selector which returns the objects grouped by
-//            a value determined by a getter selector
-// - pick: returns a selector which returns only the objects with given
-//         ids (filter, find, groupBy and sort can be chained)
-// - sort: returns a selector which returns the objects appropriately
-//         sorted (groupBy can be chained)
-export const createGetObjectsOfType = type => {
-  const getObjects = isFunction(type)
-    ? (state, props) => state.objects.byType[type(state, props)] || EMPTY_OBJECT
-    : state => state.objects.byType[type] || EMPTY_OBJECT
-
-  return _extendCollectionSelector(createFilter(
-    getObjects,
-    _getPermissionsPredicate
-  ), type)
-}
-
-export const createGetTags = collectionSelectors => {
-  if (!collectionSelectors) {
-    collectionSelectors = [
-      createGetObjectsOfType('host'),
-      createGetObjectsOfType('pool'),
-      createGetObjectsOfType('VM')
-    ]
-  }
-
-  const getTags = create(
-    collectionSelectors,
-    (...collections) => {
-      const tags = {}
-
-      const addTag = tag => { tags[tag] = null }
-      const addItemTags = item => { forEach(item.tags, addTag) }
-      const addCollectionTags = collection => { forEach(collection, addItemTags) }
-      forEach(collections, addCollectionTags)
-
-      return keys(tags)
-    }
-  )
-
-  return _extendCollectionSelector(getTags, 'tag')
-}
-
-export const createGetObjectMessages = objectSelector =>
-  createGetObjectsOfType('message').filter(
-    create(
-      (...args) => objectSelector(...args).id,
-      id => message => message.$object === id
-    )
-  ).sort()
-
-// Example of use:
-// import store from 'store'
-// const object = getObject(store.getState(), objectId)
-// ...
-export const getObject = createGetObject((_, id) => id)
-
-export const createDoesHostNeedRestart = hostSelector => {
-  // Returns the first patch of the host which requires it to be
-  // restarted.
-  const restartPoolPatch = createGetObjectsOfType('pool_patch').pick(
-    create(
-      createGetObjectsOfType('host_patch').pick(
-        (state, props) => {
-          const host = hostSelector(state, props)
-          return host && host.patches
-        }
-      ).filter(create(
-        (state, props) => {
-          const host = hostSelector(state, props)
-          return host && host.startTime
-        },
-        startTime => patch => patch.time > startTime
-      )),
-      hostPatches => map(hostPatches, hostPatch => hostPatch.pool_patch)
-    )
-  ).find([ ({ guidance }) => find(guidance, action =>
-    action === 'restartHost' || action === 'restartXapi'
-  ) ])
-
-  return (state, props) => restartPoolPatch(state, props) !== undefined
-}
-
-export const createGetHostMetrics = hostSelector =>
-  create(
-    hostSelector,
-    _createCollectionWrapper(
-      hosts => {
-        const metrics = {
-          count: 0,
-          cpus: 0,
-          memoryTotal: 0,
-          memoryUsage: 0
-        }
-        forEach(hosts, host => {
-          metrics.count++
-          metrics.cpus += host.cpus.cores
-          metrics.memoryTotal += host.memory.size
-          metrics.memoryUsage += host.memory.usage
-        })
-        return metrics
-      }
-    )
-  )

src/common/shallow-equal.js

@@ -1,48 +0,0 @@
-import kindOf from 'kindof'
-
-// Tests that two collections (arrays or objects) have strictly equals
-// values (items or properties)
-const shallowEqual = (c1, c2) => {
-  if (c1 === c2) {
-    return true
-  }
-
-  const type = kindOf(c1)
-  if (type !== kindOf(c2)) {
-    return false
-  }
-
-  if (type === 'array') {
-    const { length } = c1
-    if (length !== c2.length) {
-      return false
-    }
-
-    for (let i = 0; i < length; ++i) {
-      if (c1[i] !== c2[i]) {
-        return false
-      }
-    }
-
-    return true
-  }
-
-  if (type !== 'object') {
-    return false
-  }
-
-  let n = 0
-  for (const _ in c2) { // eslint-disable-line no-unused-vars
-    ++n
-  }
-
-  for (const key in c1) {
-    if (c1[key] !== c2[key]) {
-      return false
-    }
-    --n
-  }
-
-  return !n
-}
-export { shallowEqual as default }

src/common/shortcuts.js

@@ -1,35 +0,0 @@
-import Component from 'base-component'
-import forEach from 'lodash/forEach'
-import React from 'react'
-import remove from 'lodash/remove'
-import { Shortcuts as ReactShortcuts } from 'react-shortcuts'
-
-let enabled = true
-const instances = []
-
-const updateInstances = () => {
-  forEach(instances, instance => instance.forceUpdate())
-}
-
-export const enable = () => {
-  enabled = true
-  updateInstances()
-}
-
-export const disable = () => {
-  enabled = false
-  updateInstances()
-}
-
-export default class Shortcuts extends Component {
-  componentDidMount () {
-    instances.push(this)
-  }
-  componentWillUnmount () {
-    remove(instances, this)
-  }
-
-  render () {
-    return enabled ? <ReactShortcuts {...this.props} /> : null
-  }
-}

src/common/single-line-row.js

@@ -1,19 +0,0 @@
-import React, { cloneElement } from 'react'
-
-import propTypes from './prop-types'
-
-const SINGLE_LINE_STYLE = { display: 'flex' }
-const COL_STYLE = { marginTop: 'auto', marginBottom: 'auto' }
-
-const SingleLineRow = propTypes({
-  className: propTypes.string
-})(({
-  children,
-  className
-}) => <div
-  className={`${className || ''} row`}
-  style={SINGLE_LINE_STYLE}
->
-  {React.Children.map(children, child => child && cloneElement(child, { style: COL_STYLE }))}
-</div>)
-export { SingleLineRow as default }

src/common/sorted-table/index.css

@@ -1,12 +0,0 @@
-.clickableColumn {
-  cursor: pointer;
-}
-
-.clickableColumn:hover {
-  color: #fff;
-  background-color: #96b8d1;
-}
-
-.clickableRow {
-  cursor: pointer;
-}

src/common/sorted-table/index.js

@@ -1,371 +0,0 @@
-import _ from 'intl'
-import ceil from 'lodash/ceil'
-import classNames from 'classnames'
-import debounce from 'lodash/debounce'
-import findIndex from 'lodash/findIndex'
-import isEmpty from 'lodash/isEmpty'
-import isFunction from 'lodash/isFunction'
-import map from 'lodash/map'
-import React from 'react'
-import { Dropdown, MenuItem, Pagination } from 'react-bootstrap-4/lib'
-import DropdownMenu from 'react-bootstrap-4/lib/DropdownMenu' // https://phabricator.babeljs.io/T6662 so Dropdown.Menu won't work like https://react-bootstrap.github.io/components.html#btn-dropdowns-custom
-import DropdownToggle from 'react-bootstrap-4/lib/DropdownToggle' // https://phabricator.babeljs.io/T6662 so Dropdown.Toggle won't work https://react-bootstrap.github.io/components.html#btn-dropdowns-custom
-import { Portal } from 'react-overlays'
-
-import Component from '../base-component'
-import Icon from '../icon'
-import propTypes from '../prop-types'
-import SingleLineRow from '../single-line-row'
-import { BlockLink } from '../link'
-import { Container, Col } from '../grid'
-import { create as createMatcher } from '../complex-matcher'
-import {
-  createCounter,
-  createFilter,
-  createPager,
-  createSelector,
-  createSort
-} from '../selectors'
-
-import styles from './index.css'
-
-// ===================================================================
-
-@propTypes({
-  filters: propTypes.object,
-  nFilteredItems: propTypes.number.isRequired,
-  nItems: propTypes.number.isRequired,
-  onChange: propTypes.func.isRequired
-})
-class TableFilter extends Component {
-  _cleanFilter = () => this._setFilter('')
-
-  _setFilter = filterValue => {
-    const { filter } = this.refs
-    filter.value = filterValue
-    filter.focus()
-    this.props.onChange(filterValue)
-  }
-
-  _onChange = event => {
-    this.props.onChange(event.target.value)
-  }
-
-  render () {
-    const { props } = this
-
-    return (
-      <div className='input-group'>
-        <span className='input-group-addon'>{props.nFilteredItems} / {props.nItems}</span>
-        {isEmpty(props.filters)
-          ? <span className='input-group-addon'><Icon icon='search' /></span>
-          : <div className='input-group-btn'>
-            <Dropdown id='filter'>
-              <DropdownToggle bsStyle='info'>
-                <Icon icon='search' />
-              </DropdownToggle>
-              <DropdownMenu>
-                {map(props.filters, (filter, label) =>
-                  <MenuItem key={label} onClick={() => this._setFilter(filter)}>
-                    {_(label)}
-                  </MenuItem>
-                )}
-              </DropdownMenu>
-            </Dropdown>
-          </div>}
-        <input
-          type='text'
-          ref='filter'
-          onChange={this._onChange}
-          className='form-control'
-        />
-        <div className='input-group-btn'>
-          <button className='btn btn-secondary' onClick={this._cleanFilter}>
-            <Icon icon='clear-search' />
-          </button>
-        </div>
-      </div>
-    )
-  }
-}
-
-// ===================================================================
-
-@propTypes({
-  columnId: propTypes.number.isRequired,
-  name: propTypes.node,
-  sort: propTypes.func,
-  sortIcon: propTypes.string
-})
-class ColumnHead extends Component {
-  _sort = () => {
-    const { props } = this
-    props.sort(props.columnId)
-  }
-
-  render () {
-    const { name, sortIcon, textAlign } = this.props
-
-    if (!this.props.sort) {
-      return <th className={textAlign && `text-xs-${textAlign}`}>{name}</th>
-    }
-
-    const isSelected = sortIcon === 'asc' || sortIcon === 'desc'
-
-    return (
-      <th
-        className={classNames(
-          textAlign && `text-xs-${textAlign}`,
-          styles.clickableColumn,
-          isSelected && classNames('text-white', 'bg-info')
-        )}
-        onClick={this._sort}
-      >
-        {name}
-        <span className='pull-right'>
-          <Icon icon={sortIcon} />
-        </span>
-      </th>
-    )
-  }
-}
-
-// ===================================================================
-
-const DEFAULT_ITEMS_PER_PAGE = 10
-
-@propTypes({
-  defaultColumn: propTypes.number,
-  collection: propTypes.oneOfType([
-    propTypes.array,
-    propTypes.object
-  ]).isRequired,
-  columns: propTypes.arrayOf(propTypes.shape({
-    default: propTypes.bool,
-    name: propTypes.node,
-    itemRenderer: propTypes.func.isRequired,
-    sortCriteria: propTypes.oneOfType([
-      propTypes.func,
-      propTypes.string
-    ]),
-    sortOrder: propTypes.string
-  })).isRequired,
-  filterContainer: propTypes.func,
-  filters: propTypes.object,
-  itemsPerPage: propTypes.number,
-  paginationContainer: propTypes.func,
-  rowAction: propTypes.func,
-  rowLink: propTypes.oneOfType([
-    propTypes.func,
-    propTypes.string
-  ]),
-  userData: propTypes.any
-})
-export default class SortedTable extends Component {
-  constructor (props) {
-    super(props)
-
-    let selectedColumn = props.defaultColumn
-    if (selectedColumn == null) {
-      selectedColumn = findIndex(props.columns, 'default')
-
-      if (selectedColumn === -1) {
-        selectedColumn = 0
-      }
-    }
-
-    this.state = {
-      selectedColumn,
-      itemsPerPage: props.itemsPerPage || DEFAULT_ITEMS_PER_PAGE
-    }
-
-    this._getSelectedColumn = () =>
-      this.props.columns[this.state.selectedColumn]
-
-    this._getTotalNumberOfItems = createCounter(
-      () => this.props.collection
-    )
-
-    this._getAllItems = createSort(
-      createFilter(
-        () => this.props.collection,
-        createSelector(
-          () => this.state.filter || '',
-          createMatcher
-        )
-      ),
-      createSelector(
-        () => this._getSelectedColumn().sortCriteria,
-        () => this.props.userData,
-        (sortCriteria, userData) =>
-          (typeof sortCriteria === 'function')
-            ? object => sortCriteria(object, userData)
-            : sortCriteria
-      ),
-      () => this.state.sortOrder
-    )
-
-    this.state.activePage = 1
-
-    this._getVisibleItems = createPager(
-      this._getAllItems,
-      () => this.state.activePage,
-      this.state.itemsPerPage
-    )
-  }
-
-  componentWillMount () {
-    this.setState({
-      sortOrder: this.props.columns[this.state.selectedColumn].sortOrder === 'desc' ? 'desc' : 'asc'
-    })
-  }
-
-  componentDidMount () {
-    // Force one Portal refresh.
-    // Because Portal cannot see the container reference at first rendering.
-    if (this.props.paginationContainer) {
-      this.forceUpdate()
-    }
-  }
-
-  _sort = columnId => {
-    const { state } = this
-    let sortOrder
-
-    if (state.selectedColumn === columnId) {
-      sortOrder = state.sortOrder === 'desc'
-        ? 'asc'
-        : 'desc'
-    } else {
-      sortOrder = this.props.columns[columnId].sortOrder === 'desc'
-        ? 'desc'
-        : 'asc'
-    }
-
-    this.setState({
-      selectedColumn: columnId,
-      sortOrder
-    })
-  }
-
-  _onPageSelection = (_, event) => this.setState({
-    activePage: event.eventKey
-  })
-
-  _onFilterChange = debounce(filter => {
-    this.setState({
-      filter,
-      activePage: 1
-    })
-  }, 500)
-
-  render () {
-    const { props, state } = this
-    const {
-      paginationContainer,
-      filterContainer,
-      filters,
-      rowAction,
-      rowLink,
-      userData
-    } = props
-
-    const nFilteredItems = this._getAllItems().length
-
-    const paginationInstance = (
-      <Pagination
-        first
-        last
-        prev
-        next
-        ellipsis
-        boundaryLinks
-        maxButtons={10}
-        items={ceil(nFilteredItems / state.itemsPerPage)}
-        activePage={this.state.activePage}
-        onSelect={this._onPageSelection}
-      />
-    )
-
-    const filterInstance = (
-      <TableFilter
-        filters={filters}
-        nFilteredItems={nFilteredItems}
-        nItems={this._getTotalNumberOfItems()}
-        onChange={this._onFilterChange}
-      />
-    )
-
-    return (
-      <div>
-        <table className='table'>
-          <thead className='thead-default'>
-            <tr>
-              {map(props.columns, (column, key) => (
-                <ColumnHead
-                  textAlign={column.textAlign}
-                  columnId={key}
-
-                  key={key}
-                  name={column.name}
-                  sort={column.sortCriteria && this._sort}
-                  sortIcon={state.selectedColumn === key ? state.sortOrder : 'sort'}
-               />
-              ))}
-            </tr>
-          </thead>
-          <tbody>
-            {map(this._getVisibleItems(), (item, i) => {
-              const columns = map(props.columns, (column, key) => (
-                <td key={key} className={column.textAlign && `text-xs-${column.textAlign}`}>
-                  {column.itemRenderer(item, userData)}
-                </td>
-              ))
-
-              const { id = i } = item
-
-              return rowLink
-                ? <BlockLink
-                  key={id}
-                  tagName='tr'
-                  to={isFunction(rowLink) ? rowLink(item, userData) : rowLink}
-                >{columns}</BlockLink>
-                : <tr
-                  className={rowAction && styles.clickableRow}
-                  key={id}
-                  onClick={rowAction && (() => rowAction(item, userData))}
-                >
-                  {columns}
-                </tr>
-            })}
-          </tbody>
-        </table>
-        {(!paginationContainer || !filterContainer) && (
-          <Container>
-            <SingleLineRow>
-              <Col mediumSize={8}>
-                {paginationContainer
-                  ? (
-                    // Rebuild container function to refresh Portal component.
-                    <Portal container={() => paginationContainer()}>
-                      {paginationInstance}
-                    </Portal>
-                  ) : paginationInstance
-                }
-              </Col>
-              <Col mediumSize={4}>
-                {filterContainer
-                  ? (
-                    <Portal container={() => filterContainer()}>
-                      {filterInstance}
-                    </Portal>
-                  ) : filterInstance
-                }
-              </Col>
-            </SingleLineRow>
-          </Container>
-        )}
-      </div>
-    )
-  }
-}

src/common/state-button.js

@@ -1,38 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-
-import ActionButton from './action-button'
-import propTypes from './prop-types'
-
-const Button = styled(ActionButton)`
-  background-color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateBg`]}
-  border: 2px solid ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]}
-  color: ${p => p.theme[`${p.state ? 'enabled' : 'disabled'}StateColor`]}
-`
-
-const StateButton = ({
-  disabledHandler,
-  disabledLabel,
-  disabledTooltip,
-
-  enabledLabel,
-  enabledTooltip,
-  enabledHandler,
-
-  state,
-  ...props
-}) =>
-  <Button
-    handler={state ? enabledHandler : disabledHandler}
-    tooltip={state ? enabledTooltip : disabledTooltip}
-    {...props}
-    icon={state ? 'running' : 'halted'}
-    size='small'
-    state={state}
-  >
-    {state ? enabledLabel : disabledLabel}
-  </Button>
-
-export default propTypes({
-  state: propTypes.bool.isRequired
-})(StateButton)

src/common/store/actions.js

@@ -1,41 +0,0 @@
-const createAction = (() => {
-  const { defineProperty } = Object
-
-  return (type, payloadCreator) => defineProperty(
-    payloadCreator
-      ? (...args) => ({
-        type,
-        payload: payloadCreator(...args)
-      })
-      : (action => function () {
-        if (arguments.length) {
-          throw new Error('this action expects no payload!')
-        }
-
-        return action
-      })({ type }),
-    'toString',
-    { value: () => type }
-  )
-})()
-
-// ===================================================================
-
-export const selectLang = createAction('SELECT_LANG', lang => lang)
-
-// ===================================================================
-
-export const connected = createAction('CONNECTED')
-export const disconnected = createAction('DISCONNECTED')
-
-export const updateObjects = createAction('UPDATE_OBJECTS', updates => updates)
-export const updatePermissions = createAction('UPDATE_PERMISSIONS', permissions => permissions)
-
-export const signedIn = createAction('SIGNED_IN', user => user)
-export const signedOut = createAction('SIGNED_OUT')
-
-export const xoaUpdaterState = createAction('XOA_UPDATER_STATE', state => state)
-export const xoaTrialState = createAction('XOA_TRIAL_STATE', state => state)
-export const xoaUpdaterLog = createAction('XOA_UPDATER_LOG', log => log)
-export const xoaRegisterState = createAction('XOA_REGISTER_STATE', registration => registration)
-export const xoaConfiguration = createAction('XOA_CONFIGURATION', configuration => configuration)

src/common/store/dev-tools/dev.js

@@ -1,13 +0,0 @@
-import DockMonitor from 'redux-devtools-dock-monitor'
-import LogMonitor from 'redux-devtools-log-monitor'
-import React from 'react'
-import { createDevTools } from 'redux-devtools'
-
-export default createDevTools(
-  <DockMonitor
-    changePositionKey='ctrl-q'
-    toggleVisibilityKey='ctrl-h'
-  >
-    <LogMonitor />
-  </DockMonitor>
-)

src/common/store/dev-tools/index.js

@@ -1 +0,0 @@
-module.exports = false // process.env.NODE_ENV !== 'production' && require('./dev-tools.dev')