feat(xo-server): multi processes

If a single VM has been imported, redirect to its page.

If multiple VMs has been imported, redirect to the homepage with all other VMs filtered out.

.bowerrc

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

.editorconfig

@@ -1,21 +1,65 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
+# http://EditorConfig.org
+#
+# Julien Fontanet's configuration
+# https://gist.github.com/julien-f/8096213
 
+# Top-most EditorConfig file.
 root = true
 
-
+# Common config.
 [*]
-
-# Change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
 charset = utf-8
-trim_trailing_whitespace = true
+end_of_line = lf
 insert_final_newline = true
+trim_trailing_whitespace = true
 
-[*.md]
-trim_trailing_whitespace = false
+# CoffeeScript
+#
+# https://github.com/polarmobile/coffeescript-style-guide/blob/master/README.md
+[*.{,lit}coffee]
+indent_size = 2
+indent_style = space
+
+# Markdown
+[*.{md,mdwn,mdown,markdown}]
+indent_size = 4
+indent_style = space
+
+# Package.json
+#
+# This indentation style is the one used by npm.
+[package.json]
+indent_size = 2
+indent_style = space
+
+# Pug (Jade)
+[*.{jade,pug}]
+indent_size = 2
+indent_style = space
+
+# JavaScript
+#
+# Two spaces seems to be the standard most common style, at least in
+# Node.js (http://nodeguide.com/style.html#tabs-vs-spaces).
+[*.{js,jsx,ts,tsx}]
+indent_size = 2
+indent_style = space
+
+# Less
+[*.less]
+indent_size = 2
+indent_style = space
+
+# Sass
+#
+# Style used for http://libsass.com
+[*.s[ac]ss]
+indent_size = 2
+indent_style = space
+
+# YAML
+#
+# Only spaces are allowed.
+[*.yaml]
+indent_size = 2
+indent_style = space

.eslintrc.js

@@ -0,0 +1,22 @@
+module.exports = {
+  extends: ['standard', 'standard-jsx'],
+  globals: {
+    __DEV__: true,
+    $Dict: true,
+    $Diff: true,
+    $Exact: true,
+    $Keys: true,
+    $PropertyType: true,
+    $Shape: true,
+  },
+  parser: 'babel-eslint',
+  rules: {
+    'comma-dangle': ['error', 'always-multiline'],
+    indent: 'off',
+    'no-var': 'error',
+    'node/no-extraneous-import': 'error',
+    'node/no-extraneous-require': 'error',
+    'prefer-const': 'error',
+    'react/jsx-indent': 'off',
+  },
+}

.flowconfig

@@ -0,0 +1,15 @@
+[ignore]
+<PROJECT_ROOT>/node_modules/.*
+
+[include]
+
+[libs]
+
+[lints]
+
+[options]
+esproposal.decorators=ignore
+include_warnings=true
+module.use_strict=true
+
+[strict]

.gitignore

@@ -1,5 +1,30 @@
-node_modules
-dist
-.tmp
-.sass-cache
-app/bower_components
+/coverage/
+/node_modules/
+/lerna-debug.log
+/lerna-debug.log.*
+
+/@xen-orchestra/*/dist/
+/@xen-orchestra/*/node_modules/
+/packages/*/dist/
+/packages/*/node_modules/
+
+/packages/vhd-cli/src/commands/index.js
+
+/packages/xen-api/plot.dat
+
+/packages/xo-server/.xo-server.*
+/packages/xo-server/src/api/index.js
+/packages/xo-server/src/xapi/mixins/index.js
+/packages/xo-server/src/xo-mixins/index.js
+
+/packages/xo-server-auth-ldap/ldap.cache.conf
+
+/packages/xo-web/src/common/intl/locales/index.js
+/packages/xo-web/src/common/themes/index.js
+
+npm-debug.log
+npm-debug.log.*
+pnpm-debug.log
+pnpm-debug.log.*
+yarn-error.log
+yarn-error.log.*

.jshintrc

@@ -1,24 +0,0 @@
-{
-  "node": true,
-  "browser": true,
-  "esnext": true,
-  "bitwise": true,
-  "camelcase": true,
-  "curly": true,
-  "eqeqeq": true,
-  "immed": true,
-  "indent": 2,
-  "latedef": true,
-  "newcap": true,
-  "noarg": true,
-  "quotmark": "single",
-  "regexp": true,
-  "undef": true,
-  "unused": true,
-  "strict": true,
-  "trailing": true,
-  "smarttabs": true,
-  "globals": {
-    "angular": false
-  }
-}

.prettierrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'es5',
+}

.travis.yml

@@ -0,0 +1,26 @@
+language: node_js
+node_js:
+  #- stable # disable for now due to an issue of indirect dep upath with Node 9
+  - 8
+  - 6
+
+# Use containers.
+# http://docs.travis-ci.com/user/workers/container-based-infrastructure/
+sudo: false
+addons:
+  apt:
+    packages:
+    - qemu-utils
+    - blktap-utils
+    - vmdk-stream-converter
+
+before_install:
+  - curl -o- -L https://yarnpkg.com/install.sh | bash
+  - export PATH="$HOME/.yarn/bin:$PATH"
+
+cache:
+  yarn: true
+
+script:
+  - yarn run test
+  - yarn run test-integration

@xen-orchestra/babel-config/index.js

@@ -0,0 +1,47 @@
+'use strict'
+
+const PLUGINS_RE = /^(?:@babel\/plugin-.+|babel-plugin-lodash)$/
+const PRESETS_RE = /^@babel\/preset-.+$/
+
+const NODE_ENV = process.env.NODE_ENV || 'development'
+const __PROD__ = NODE_ENV === 'production'
+const __TEST__ = NODE_ENV === 'test'
+
+module.exports = function (pkg, plugins, presets) {
+  plugins === undefined && (plugins = {})
+
+  presets === undefined && (presets = {})
+  presets['@babel/preset-env'] = {
+    debug: !__TEST__,
+    loose: true,
+    shippedProposals: true,
+    targets: __PROD__
+      ? (() => {
+        let node = (pkg.engines || {}).node
+        if (node !== undefined) {
+          const trimChars = '^=>~'
+          while (trimChars.includes(node[0])) {
+            node = node.slice(1)
+          }
+          return { node: node }
+        }
+      })()
+      : { browsers: '', node: 'current' },
+    useBuiltIns: '@babel/polyfill' in (pkg.dependencies || {}) && 'usage',
+  }
+
+  Object.keys(pkg.devDependencies || {}).forEach(name => {
+    if (!(name in presets) && PLUGINS_RE.test(name)) {
+      plugins[name] = {}
+    } else if (!(name in presets) && PRESETS_RE.test(name)) {
+      presets[name] = {}
+    }
+  })
+
+  return {
+    comments: !__PROD__,
+    ignore: __TEST__ ? undefined : [/\.spec\.js$/],
+    plugins: Object.keys(plugins).map(plugin => [plugin, plugins[plugin]]),
+    presets: Object.keys(presets).map(preset => [preset, presets[preset]]),
+  }
+}

@xen-orchestra/babel-config/package.json

@@ -0,0 +1,11 @@
+{
+  "private": true,
+  "name": "@xen-orchestra/babel-config",
+  "version": "0.0.0",
+  "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/@xen-orchestra/babel-config",
+  "bugs": "https://github.com/vatesfr/xen-orchestra/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vatesfr/xen-orchestra.git"
+  }
+}

@xen-orchestra/cron/.babelrc.js

@@ -0,0 +1,3 @@
+module.exports = require('../../@xen-orchestra/babel-config')(
+  require('./package.json')
+)

@xen-orchestra/cron/.npmignore

@@ -0,0 +1,24 @@
+/benchmark/
+/benchmarks/
+*.bench.js
+*.bench.js.map
+
+/examples/
+example.js
+example.js.map
+*.example.js
+*.example.js.map
+
+/fixture/
+/fixtures/
+*.fixture.js
+*.fixture.js.map
+*.fixtures.js
+*.fixtures.js.map
+
+/test/
+/tests/
+*.spec.js
+*.spec.js.map
+
+__snapshots__/

@xen-orchestra/cron/README.md

@@ -0,0 +1,145 @@
+# @xen-orchestra/cron [![Build Status](https://travis-ci.org/vatesfr/xen-orchestra.png?branch=master)](https://travis-ci.org/vatesfr/xen-orchestra)
+
+> Focused, well maintained, cron parser/scheduler
+
+## Install
+
+Installation of the [npm package](https://npmjs.org/package/@xen-orchestra/cron):
+
+```
+> npm install --save @xen-orchestra/cron
+```
+
+### Pattern syntax
+
+```
+<minute> <hour> <day of month> <month> <day of week>
+```
+
+
+Each entry can be:
+
+- a single value
+- a range (`0-23` or `*/2`)
+- a list of values/ranges (`1,8-12`)
+
+A wildcard (`*`) can be used as a shortcut for the whole range
+(`first-last`).
+
+Step values can be used in conjunctions with ranges. For instance,
+`1-7/2` is the same as `1,3,5,7`.
+
+| Field            | Allowed values |
+|------------------|----------------|
+| minute           | 0-59           |
+| hour             | 0-23           |
+| day of the month | 1-31 or 3-letter names (`jan`, `feb`, …) |
+| month            | 0-11           |
+| day of week      | 0-7 (0 and 7 both mean Sunday) or 3-letter names (`mon`, `tue`, …) |
+
+> Note: the month range is 0-11 to be compatible with
+> [cron](https://github.com/kelektiv/node-cron), it does not appear to
+> be very standard though.
+
+### API
+
+`createSchedule(pattern: string, zone: string = 'utc'): Schedule`
+
+> Create a new schedule.
+
+- `pattern`: the pattern to use, see [the syntax](#pattern-syntax)
+- `zone`: the timezone to use, use `'local'` for the local timezone
+
+```js
+import { createSchedule } from '@xen-orchestra/cron'
+
+const schedule = createSchedule('0 0 * * sun', 'America/New_York')
+```
+
+`Schedule#createJob(fn: Function): Job`
+
+> Create a new job from this schedule.
+
+- `fn`: function to execute, if it returns a promise, it will be
+  awaited before scheduling the next run.
+
+```js
+const job = schedule.createJob(() => {
+  console.log(new Date())
+})
+```
+
+`Schedule#next(n: number): Array<Date>`
+
+> Returns the next dates matching this schedule.
+
+- `n`: number of dates to return
+
+```js
+schedule.next(2)
+// [ 2018-02-11T05:00:00.000Z, 2018-02-18T05:00:00.000Z ]
+```
+
+`Schedule#startJob(fn: Function): () => void`
+
+> Start a new job from this schedule and return a function to stop it.
+
+- `fn`: function to execute, if it returns a promise, it will be
+  awaited before scheduling the next run.
+
+```js
+const stopJob = schedule.startJob(() => {
+  console.log(new Date())
+})
+stopJob()
+```
+
+`Job#start(): void`
+
+> Start this job.
+
+```js
+job.start()
+```
+
+`Job#stop(): void`
+
+> Stop this job.
+
+```js
+job.stop()
+```
+
+## Development
+
+```
+# Install dependencies
+> yarn
+
+# Run the tests
+> yarn test
+
+# Continuously compile
+> yarn dev
+
+# Continuously run the tests
+> yarn dev-test
+
+# Build for production (automatically called by npm install)
+> yarn build
+```
+
+## Contributions
+
+Contributions are *very* welcomed, either on the documentation or on
+the code.
+
+You may:
+
+- report any [issue](https://github.com/vatesfr/xen-orchestra/issues)
+  you've encountered;
+- fork and create a pull request.
+
+## License
+
+ISC © [Vates SAS](https://vates.fr)

@xen-orchestra/cron/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@xen-orchestra/cron",
+  "version": "1.0.3",
+  "license": "ISC",
+  "description": "Focused, well maintained, cron parser/scheduler",
+  "keywords": [
+    "cron",
+    "cronjob",
+    "crontab",
+    "job",
+    "parser",
+    "pattern",
+    "schedule",
+    "scheduling",
+    "task"
+  ],
+  "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/@xen-orchestra/cron",
+  "bugs": "https://github.com/vatesfr/xen-orchestra/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vatesfr/xen-orchestra.git"
+  },
+  "author": {
+    "name": "Julien Fontanet",
+    "email": "julien.fontanet@isonoe.net"
+  },
+  "preferGlobal": false,
+  "main": "dist/",
+  "bin": {},
+  "files": [
+    "dist/"
+  ],
+  "browserslist": [
+    ">2%"
+  ],
+  "engines": {
+    "node": ">=6"
+  },
+  "dependencies": {
+    "lodash": "^4.17.4",
+    "moment-timezone": "^0.5.14"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.0.0-beta.44",
+    "@babel/core": "7.0.0-beta.44",
+    "@babel/preset-env": "7.0.0-beta.44",
+    "@babel/preset-flow": "7.0.0-beta.44",
+    "cross-env": "^5.1.3",
+    "rimraf": "^2.6.2"
+  },
+  "scripts": {
+    "build": "cross-env NODE_ENV=production babel --source-maps --out-dir=dist/ src/",
+    "clean": "rimraf dist/",
+    "dev": "cross-env NODE_ENV=development babel --watch --source-maps --out-dir=dist/ src/",
+    "prebuild": "yarn run clean",
+    "predev": "yarn run clean",
+    "prepublishOnly": "yarn run build"
+  }
+}

@xen-orchestra/cron/src/index.js

@@ -0,0 +1,76 @@
+import moment from 'moment-timezone'
+
+import next from './next'
+import parse from './parse'
+
+const MAX_DELAY = 2 ** 31 - 1
+
+class Job {
+  constructor (schedule, fn) {
+    const wrapper = () => {
+      const result = fn()
+      let then
+      if (result != null && typeof (then = result.then) === 'function') {
+        then.call(result, scheduleNext, scheduleNext)
+      } else {
+        scheduleNext()
+      }
+    }
+    const scheduleNext = () => {
+      const delay = schedule._nextDelay()
+      this._timeout =
+        delay < MAX_DELAY
+          ? setTimeout(wrapper, delay)
+          : setTimeout(scheduleNext, MAX_DELAY)
+    }
+
+    this._scheduleNext = scheduleNext
+    this._timeout = undefined
+  }
+
+  start () {
+    this.stop()
+    this._scheduleNext()
+  }
+
+  stop () {
+    clearTimeout(this._timeout)
+  }
+}
+
+class Schedule {
+  constructor (pattern, zone = 'utc') {
+    this._schedule = parse(pattern)
+    this._createDate =
+      zone.toLowerCase() === 'utc'
+        ? moment.utc
+        : zone === 'local' ? moment : () => moment.tz(zone)
+  }
+
+  createJob (fn) {
+    return new Job(this, fn)
+  }
+
+  next (n) {
+    const dates = new Array(n)
+    const schedule = this._schedule
+    let date = this._createDate()
+    for (let i = 0; i < n; ++i) {
+      dates[i] = (date = next(schedule, date)).toDate()
+    }
+    return dates
+  }
+
+  _nextDelay () {
+    const now = this._createDate()
+    return next(this._schedule, now) - now
+  }
+
+  startJob (fn) {
+    const job = this.createJob(fn)
+    job.start()
+    return job.stop.bind(job)
+  }
+}
+
+export const createSchedule = (...args) => new Schedule(...args)

@xen-orchestra/cron/src/next.js

@@ -0,0 +1,89 @@
+import moment from 'moment-timezone'
+import sortedIndex from 'lodash/sortedIndex'
+
+const NEXT_MAPPING = {
+  month: { year: 1 },
+  date: { month: 1 },
+  day: { week: 1 },
+  hour: { day: 1 },
+  minute: { hour: 1 },
+}
+
+const getFirst = values => (values !== undefined ? values[0] : 0)
+
+const setFirstAvailable = (date, unit, values) => {
+  if (values === undefined) {
+    return
+  }
+
+  const curr = date.get(unit)
+  const next = values[sortedIndex(values, curr) % values.length]
+  if (curr === next) {
+    return
+  }
+
+  const timestamp = +date
+  date.set(unit, next)
+  if (timestamp > +date) {
+    date.add(NEXT_MAPPING[unit])
+  }
+  return true
+}
+
+// returns the next run, after the passed date
+export default (schedule, fromDate) => {
+  let date = moment(fromDate)
+    .set({
+      second: 0,
+      millisecond: 0,
+    })
+    .add({ minute: 1 })
+
+  const { minute, hour, dayOfMonth, month, dayOfWeek } = schedule
+  setFirstAvailable(date, 'minute', minute)
+
+  if (setFirstAvailable(date, 'hour', hour)) {
+    date.set('minute', getFirst(minute))
+  }
+
+  let loop
+  let i = 0
+  do {
+    loop = false
+
+    if (setFirstAvailable(date, 'month', month)) {
+      date.set({
+        date: 1,
+        hour: getFirst(hour),
+        minute: getFirst(minute),
+      })
+    }
+
+    let newDate = date.clone()
+    if (dayOfMonth === undefined) {
+      if (dayOfWeek !== undefined) {
+        setFirstAvailable(newDate, 'day', dayOfWeek)
+      }
+    } else if (dayOfWeek === undefined) {
+      setFirstAvailable(newDate, 'date', dayOfMonth)
+    } else {
+      const dateDay = newDate.clone()
+      setFirstAvailable(dateDay, 'date', dayOfMonth)
+      setFirstAvailable(newDate, 'day', dayOfWeek)
+      newDate = moment.min(dateDay, newDate)
+    }
+    if (+date !== +newDate) {
+      loop = date.month() !== newDate.month()
+      date = newDate.set({
+        hour: getFirst(hour),
+        minute: getFirst(minute),
+      })
+    }
+  } while (loop && ++i < 5)
+
+  if (loop) {
+    throw new Error('no solutions found for this schedule')
+  }
+
+  return date
+}

@xen-orchestra/cron/src/next.spec.js

@@ -0,0 +1,48 @@
+/* eslint-env jest */
+
+import mapValues from 'lodash/mapValues'
+import moment from 'moment-timezone'
+
+import next from './next'
+import parse from './parse'
+
+const N = (pattern, fromDate = '2018-04-09T06:25') => {
+  const iso = next(parse(pattern), moment.utc(fromDate)).toISOString()
+  return iso.slice(0, iso.lastIndexOf(':'))
+}
+
+describe('next()', () => {
+  mapValues(
+    {
+      minutely: ['* * * * *', '2018-04-09T06:26'],
+      hourly: ['@hourly', '2018-04-09T07:00'],
+      daily: ['@daily', '2018-04-10T00:00'],
+      monthly: ['@monthly', '2018-05-01T00:00'],
+      yearly: ['@yearly', '2019-01-01T00:00'],
+      weekly: ['@weekly', '2018-04-15T00:00'],
+    },
+    ([pattern, result], title) =>
+      it(title, () => {
+        expect(N(pattern)).toBe(result)
+      })
+  )
+
+  it('select first between month-day and week-day', () => {
+    expect(N('* * 10 * wen')).toBe('2018-04-10T00:00')
+    expect(N('* * 12 * wen')).toBe('2018-04-11T00:00')
+  })
+
+  it('select the last available day of a month', () => {
+    expect(N('* * 29 feb *')).toBe('2020-02-29T00:00')
+  })
+
+  it('fails when no solutions has been found', () => {
+    expect(() => N('0 0 30 feb *')).toThrow(
+      'no solutions found for this schedule'
+    )
+  })
+
+  it('select the first sunday of the month', () => {
+    expect(N('* * * * 0', '2018-03-31T00:00')).toBe('2018-04-01T00:00')
+  })
+})

@xen-orchestra/cron/src/parse.js

@@ -0,0 +1,193 @@
+const compareNumbers = (a, b) => a - b
+
+const createParser = ({ fields: [...fields], presets: { ...presets } }) => {
+  const m = fields.length
+
+  for (let j = 0; j < m; ++j) {
+    const field = fields[j]
+    let { aliases } = field
+    if (aliases !== undefined) {
+      let symbols = aliases
+
+      if (Array.isArray(aliases)) {
+        aliases = {}
+        const [start] = field.range
+        symbols.forEach((alias, i) => {
+          aliases[alias] = start + i
+        })
+      } else {
+        symbols = Object.keys(aliases)
+      }
+
+      fields[j] = {
+        ...field,
+        aliases,
+        aliasesRegExp: new RegExp(symbols.join('|'), 'y'),
+      }
+    }
+  }
+
+  let field, i, n, pattern, schedule, values
+
+  const isDigit = c => c >= '0' && c <= '9'
+  const match = c => pattern[i] === c && (++i, true)
+
+  const consumeWhitespaces = () => {
+    let c
+    while ((c = pattern[i]) === ' ' || c === '\t') {
+      ++i
+    }
+  }
+
+  const parseInteger = () => {
+    let c
+    const digits = []
+    while (isDigit((c = pattern[i]))) {
+      ++i
+      digits.push(c)
+    }
+    if (digits.length === 0) {
+      throw new SyntaxError(`${field.name}: missing integer at character ${i}`)
+    }
+    return Number.parseInt(digits.join(''), 10)
+  }
+
+  const parseValue = () => {
+    let value
+
+    const { aliasesRegExp } = field
+    if (aliasesRegExp === undefined || isDigit(pattern[i])) {
+      value = parseInteger()
+      const { post } = field
+      if (post !== undefined) {
+        value = post(value)
+      }
+    } else {
+      aliasesRegExp.lastIndex = i
+      const matches = aliasesRegExp.exec(pattern)
+      if (matches === null) {
+        throw new SyntaxError(
+          `${field.name}: missing alias or integer at character ${i}`
+        )
+      }
+      const [alias] = matches
+      i += alias.length
+      value = field.aliases[alias]
+    }
+
+    const { range } = field
+    if (value < range[0] || value > range[1]) {
+      throw new SyntaxError(
+        `${field.name}: ${value} is not between ${range[0]} and ${range[1]}`
+      )
+    }
+    return value
+  }
+
+  const parseRange = () => {
+    let end, start, step
+    if (match('*')) {
+      if (!match('/')) {
+        return
+      }
+      ;[start, end] = field.range
+      step = parseInteger()
+    } else {
+      start = parseValue()
+      if (!match('-')) {
+        values.add(start)
+        return
+      }
+      end = parseValue()
+      step = match('/') ? parseInteger() : 1
+    }
+
+    for (let i = start; i <= end; i += step) {
+      values.add(i)
+    }
+  }
+
+  const parseSequence = () => {
+    do {
+      parseRange()
+    } while (match(','))
+  }
+
+  const parse = p => {
+    {
+      const schedule = presets[p]
+      if (schedule !== undefined) {
+        return typeof schedule === 'string'
+          ? (presets[p] = parse(schedule))
+          : schedule
+      }
+    }
+
+    try {
+      i = 0
+      n = p.length
+      pattern = p
+      schedule = {}
+
+      for (let j = 0; j < m; ++j) {
+        consumeWhitespaces()
+
+        field = fields[j]
+        values = new Set()
+        parseSequence()
+        if (values.size !== 0) {
+          schedule[field.name] = Array.from(values).sort(compareNumbers)
+        }
+      }
+
+      consumeWhitespaces()
+      if (i !== n) {
+        throw new SyntaxError(
+          `unexpected character at offset ${i}, expected end`
+        )
+      }
+
+      return schedule
+    } finally {
+      field = pattern = schedule = values = undefined
+    }
+  }
+
+  return parse
+}
+
+export default createParser({
+  fields: [
+    {
+      name: 'minute',
+      range: [0, 59],
+    },
+    {
+      name: 'hour',
+      range: [0, 23],
+    },
+    {
+      name: 'dayOfMonth',
+      range: [1, 31],
+    },
+    {
+      aliases: 'jan feb mar apr may jun jul aug sep oct nov dec'.split(' '),
+      name: 'month',
+      range: [0, 11],
+    },
+    {
+      aliases: 'sun mon tue wen thu fri sat'.split(' '),
+      name: 'dayOfWeek',
+      post: value => (value === 7 ? 0 : value),
+      range: [0, 6],
+    },
+  ],
+  presets: {
+    '@annually': '0 0 1 jan *',
+    '@daily': '0 0 * * *',
+    '@hourly': '0 * * * *',
+    '@monthly': '0 0 1 * *',
+    '@weekly': '0 0 * * sun',
+    '@yearly': '0 0 1 jan *',
+  },
+})

@xen-orchestra/cron/src/parse.spec.js

@@ -0,0 +1,49 @@
+/* eslint-env jest */
+
+import parse from './parse'
+
+describe('parse()', () => {
+  it('works', () => {
+    expect(parse('0 0-10 */10 jan,2,4-11/3 *')).toEqual({
+      minute: [0],
+      hour: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+      dayOfMonth: [1, 11, 21, 31],
+      month: [0, 2, 4, 7, 10],
+    })
+  })
+
+  it('correctly parse months', () => {
+    expect(parse('* * * 0,11 *')).toEqual({
+      month: [0, 11],
+    })
+    expect(parse('* * * jan,dec *')).toEqual({
+      month: [0, 11],
+    })
+  })
+
+  it('correctly parse days', () => {
+    expect(parse('* * * * mon,sun')).toEqual({
+      dayOfWeek: [0, 1],
+    })
+  })
+
+  it('reports missing integer', () => {
+    expect(() => parse('*/a')).toThrow('minute: missing integer at character 2')
+    expect(() => parse('*')).toThrow('hour: missing integer at character 1')
+  })
+
+  it('reports invalid aliases', () => {
+    expect(() => parse('* * * jan-foo *')).toThrow(
+      'month: missing alias or integer at character 10'
+    )
+  })
+
+  it('dayOfWeek: 0 and 7 bind to sunday', () => {
+    expect(parse('* * * * 0')).toEqual({
+      dayOfWeek: [0],
+    })
+    expect(parse('* * * * 7')).toEqual({
+      dayOfWeek: [0],
+    })
+  })
+})

@xen-orchestra/fs/.babelrc.js

@@ -0,0 +1,3 @@
+module.exports = require('../../@xen-orchestra/babel-config')(
+  require('./package.json')
+)

@xen-orchestra/fs/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@xen-orchestra/fs",
+  "version": "0.0.0",
+  "license": "AGPL-3.0",
+  "description": "The File System for Xen Orchestra backups.",
+  "keywords": [],
+  "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/@xen-orchestra/fs",
+  "bugs": "https://github.com/vatesfr/xen-orchestra/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vatesfr/xen-orchestra.git"
+  },
+  "preferGlobal": true,
+  "main": "dist/",
+  "bin": {},
+  "files": [
+    "dist/"
+  ],
+  "engines": {
+    "node": ">=6"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.0.0-beta.44",
+    "@marsaud/smb2-promise": "^0.2.1",
+    "execa": "^0.10.0",
+    "fs-extra": "^5.0.0",
+    "get-stream": "^3.0.0",
+    "lodash": "^4.17.4",
+    "promise-toolbox": "^0.9.5",
+    "through2": "^2.0.3",
+    "tmp": "^0.0.33",
+    "xo-remote-parser": "^0.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.0.0-beta.44",
+    "@babel/core": "7.0.0-beta.44",
+    "@babel/plugin-proposal-function-bind": "7.0.0-beta.44",
+    "@babel/plugin-transform-runtime": "^7.0.0-beta.44",
+    "@babel/preset-env": "7.0.0-beta.44",
+    "@babel/preset-flow": "7.0.0-beta.44",
+    "babel-plugin-lodash": "^3.3.2",
+    "cross-env": "^5.1.3",
+    "index-modules": "^0.3.0",
+    "rimraf": "^2.6.2"
+  },
+  "scripts": {
+    "build": "cross-env NODE_ENV=production babel --source-maps --out-dir=dist/ src/",
+    "clean": "rimraf dist/",
+    "dev": "cross-env NODE_ENV=development babel --watch --source-maps --out-dir=dist/ src/",
+    "prebuild": "yarn run clean",
+    "predev": "yarn run clean",
+    "prepare": "yarn run build"
+  }
+}

@xen-orchestra/fs/src/abstract.js

@@ -0,0 +1,288 @@
+// @flow
+
+import getStream from 'get-stream'
+import { randomBytes } from 'crypto'
+import { fromCallback, fromEvent, ignoreErrors } from 'promise-toolbox'
+import { type Readable, type Writable } from 'stream'
+import { parse } from 'xo-remote-parser'
+
+import { createChecksumStream, validChecksumOfReadStream } from './checksum'
+
+type Data = Buffer | Readable | string
+type FileDescriptor = {| fd: mixed, path: string |}
+type LaxReadable = Readable & Object
+type LaxWritable = Writable & Object
+
+type File = FileDescriptor | string
+
+const checksumFile = file => file + '.checksum'
+
+export default class RemoteHandlerAbstract {
+  _remote: Object
+  constructor (remote: any) {
+    this._remote = { ...remote, ...parse(remote.url) }
+    if (this._remote.type !== this.type) {
+      throw new Error('Incorrect remote type')
+    }
+  }
+
+  get type (): string {
+    throw new Error('Not implemented')
+  }
+
+  /**
+   * Asks the handler to sync the state of the effective remote with its' metadata
+   */
+  async sync (): Promise<mixed> {
+    return this._sync()
+  }
+
+  async _sync (): Promise<mixed> {
+    throw new Error('Not implemented')
+  }
+
+  /**
+   * Free the resources possibly dedicated to put the remote at work, when it is no more needed
+   */
+  async forget (): Promise<void> {
+    await this._forget()
+  }
+
+  async _forget (): Promise<void> {
+    throw new Error('Not implemented')
+  }
+
+  async test (): Promise<Object> {
+    const testFileName = `${Date.now()}.test`
+    const data = await fromCallback(cb => randomBytes(1024 * 1024, cb))
+    let step = 'write'
+    try {
+      await this.outputFile(testFileName, data)
+      step = 'read'
+      const read = await this.readFile(testFileName)
+      if (data.compare(read) !== 0) {
+        throw new Error('output and input did not match')
+      }
+      return {
+        success: true,
+      }
+    } catch (error) {
+      return {
+        success: false,
+        step,
+        file: testFileName,
+        error: error.message || String(error),
+      }
+    } finally {
+      ignoreErrors.call(this.unlink(testFileName))
+    }
+  }
+
+  async outputFile (file: string, data: Data, options?: Object): Promise<void> {
+    return this._outputFile(file, data, {
+      flags: 'wx',
+      ...options,
+    })
+  }
+
+  async _outputFile (file: string, data: Data, options?: Object): Promise<void> {
+    const stream = await this.createOutputStream(file, options)
+    const promise = fromEvent(stream, 'finish')
+    stream.end(data)
+    await promise
+  }
+
+  async readFile (file: string, options?: Object): Promise<Buffer> {
+    return this._readFile(file, options)
+  }
+
+  _readFile (file: string, options?: Object): Promise<Buffer> {
+    return this.createReadStream(file, options).then(getStream.buffer)
+  }
+
+  async rename (
+    oldPath: string,
+    newPath: string,
+    { checksum = false }: Object = {}
+  ) {
+    let p = this._rename(oldPath, newPath)
+    if (checksum) {
+      p = Promise.all([
+        p,
+        this._rename(checksumFile(oldPath), checksumFile(newPath)),
+      ])
+    }
+    return p
+  }
+
+  async _rename (oldPath: string, newPath: string) {
+    throw new Error('Not implemented')
+  }
+
+  async list (
+    dir: string = '.',
+    {
+      filter,
+      prependDir = false,
+    }: { filter?: (name: string) => boolean, prependDir?: boolean } = {}
+  ): Promise<string[]> {
+    const entries = await this._list(dir)
+
+    if (prependDir) {
+      entries.forEach((entry, i) => {
+        entries[i] = dir + '/' + entry
+      })
+    }
+
+    return filter === undefined ? entries : entries.filter(filter)
+  }
+
+  async _list (dir: string): Promise<string[]> {
+    throw new Error('Not implemented')
+  }
+
+  createReadStream (
+    file: string,
+    { checksum = false, ignoreMissingChecksum = false, ...options }: Object = {}
+  ): Promise<LaxReadable> {
+    const path = typeof file === 'string' ? file : file.path
+    const streamP = this._createReadStream(file, options).then(stream => {
+      // detect early errors
+      let promise = fromEvent(stream, 'readable')
+
+      // try to add the length prop if missing and not a range stream
+      if (
+        stream.length === undefined &&
+        options.end === undefined &&
+        options.start === undefined
+      ) {
+        promise = Promise.all([
+          promise,
+          ignoreErrors.call(
+            this.getSize(file).then(size => {
+              stream.length = size
+            })
+          ),
+        ])
+      }
+
+      return promise.then(() => stream)
+    })
+
+    if (!checksum) {
+      return streamP
+    }
+
+    // avoid a unhandled rejection warning
+    ignoreErrors.call(streamP)
+
+    return this.readFile(checksumFile(path)).then(
+      checksum =>
+        streamP.then(stream => {
+          const { length } = stream
+          stream = (validChecksumOfReadStream(
+            stream,
+            String(checksum).trim()
+          ): LaxReadable)
+          stream.length = length
+
+          return stream
+        }),
+      error => {
+        if (ignoreMissingChecksum && error && error.code === 'ENOENT') {
+          return streamP
+        }
+        throw error
+      }
+    )
+  }
+
+  async _createReadStream (
+    file: string,
+    options?: Object
+  ): Promise<LaxReadable> {
+    throw new Error('Not implemented')
+  }
+
+  async openFile (path: string, flags?: string): Promise<FileDescriptor> {
+    return { fd: await this._openFile(path, flags), path }
+  }
+
+  async _openFile (path: string, flags?: string): Promise<mixed> {
+    throw new Error('Not implemented')
+  }
+
+  async closeFile (fd: FileDescriptor): Promise<void> {
+    await this._closeFile(fd.fd)
+  }
+
+  async _closeFile (fd: mixed): Promise<void> {
+    throw new Error('Not implemented')
+  }
+
+  async refreshChecksum (path: string): Promise<void> {
+    const stream = (await this.createReadStream(path)).pipe(
+      createChecksumStream()
+    )
+    stream.resume() // start reading the whole file
+    await this.outputFile(checksumFile(path), await stream.checksum)
+  }
+
+  async createOutputStream (
+    file: File,
+    { checksum = false, ...options }: Object = {}
+  ): Promise<LaxWritable> {
+    const path = typeof file === 'string' ? file : file.path
+    const streamP = this._createOutputStream(file, {
+      flags: 'wx',
+      ...options,
+    })
+
+    if (!checksum) {
+      return streamP
+    }
+
+    const checksumStream = createChecksumStream()
+    const forwardError = error => {
+      checksumStream.emit('error', error)
+    }
+
+    const stream = await streamP
+    stream.on('error', forwardError)
+    checksumStream.pipe(stream)
+
+    // $FlowFixMe
+    checksumStream.checksumWritten = checksumStream.checksum
+      .then(value => this.outputFile(checksumFile(path), value))
+      .catch(forwardError)
+
+    return checksumStream
+  }
+
+  async _createOutputStream (
+    file: mixed,
+    options?: Object
+  ): Promise<LaxWritable> {
+    throw new Error('Not implemented')
+  }
+
+  async unlink (file: string, { checksum = true }: Object = {}): Promise<void> {
+    if (checksum) {
+      ignoreErrors.call(this._unlink(checksumFile(file)))
+    }
+
+    await this._unlink(file)
+  }
+
+  async _unlink (file: mixed): Promise<void> {
+    throw new Error('Not implemented')
+  }
+
+  async getSize (file: mixed): Promise<number> {
+    return this._getSize(file)
+  }
+
+  async _getSize (file: mixed): Promise<number> {
+    throw new Error('Not implemented')
+  }
+}

@xen-orchestra/fs/src/checksum.js

@@ -0,0 +1,100 @@
+// @flow
+
+// $FlowFixMe
+import through2 from 'through2'
+import { createHash } from 'crypto'
+import { defer, fromEvent } from 'promise-toolbox'
+import { invert } from 'lodash'
+import { type Readable, type Transform } from 'stream'
+
+// Format: $<algorithm>$<salt>$<encrypted>
+//
+// http://man7.org/linux/man-pages/man3/crypt.3.html#NOTES
+const ALGORITHM_TO_ID = {
+  md5: '1',
+  sha256: '5',
+  sha512: '6',
+}
+
+const ID_TO_ALGORITHM = invert(ALGORITHM_TO_ID)
+
+// Create a through stream which computes the checksum of all data going
+// through.
+//
+// The `checksum` attribute is a promise which resolves at the end of the stream
+// with a string representation of the checksum.
+//
+//    const source = ...
+//    const checksumStream = source.pipe(createChecksumStream())
+//    checksumStream.resume() // make the data flow without an output
+//    console.log(await checksumStream.checksum)
+export const createChecksumStream = (
+  algorithm: string = 'md5'
+): Transform & { checksum: Promise<string> } => {
+  const algorithmId = ALGORITHM_TO_ID[algorithm]
+
+  if (!algorithmId) {
+    throw new Error(`unknown algorithm: ${algorithm}`)
+  }
+
+  const hash = createHash(algorithm)
+  const { promise, resolve, reject } = defer()
+
+  const stream = through2(
+    (chunk, enc, callback) => {
+      hash.update(chunk)
+      callback(null, chunk)
+    },
+    callback => {
+      resolve(`$${algorithmId}$$${hash.digest('hex')}`)
+      callback()
+    }
+  ).once('error', reject)
+  stream.checksum = promise
+  return stream
+}
+
+// Check if the checksum of a readable stream is equals to an expected checksum.
+// The given stream is wrapped in a stream which emits an error event
+// if the computed checksum is not equals to the expected checksum.
+export const validChecksumOfReadStream = (
+  stream: Readable,
+  expectedChecksum: string
+): Readable & { checksumVerified: Promise<void> } => {
+  const algorithmId = expectedChecksum.slice(
+    1,
+    expectedChecksum.indexOf('$', 1)
+  )
+
+  if (!algorithmId) {
+    throw new Error(`unknown algorithm: ${algorithmId}`)
+  }
+
+  const hash = createHash(ID_TO_ALGORITHM[algorithmId])
+
+  const wrapper: any = stream.pipe(
+    through2(
+      { highWaterMark: 0 },
+      (chunk, enc, callback) => {
+        hash.update(chunk)
+        callback(null, chunk)
+      },
+      callback => {
+        const checksum = `$${algorithmId}$$${hash.digest('hex')}`
+
+        callback(
+          checksum !== expectedChecksum
+            ? new Error(
+              `Bad checksum (${checksum}), expected: ${expectedChecksum}`
+            )
+            : null
+        )
+      }
+    )
+  )
+
+  stream.on('error', error => wrapper.emit('error', error))
+  wrapper.checksumVerified = fromEvent(wrapper, 'end')
+
+  return wrapper
+}

@xen-orchestra/fs/src/fs.integ.spec.js

@@ -0,0 +1,26 @@
+/* eslint-env jest */
+
+import rimraf from 'rimraf'
+import tmp from 'tmp'
+
+import { fromCallback as pFromCallback } from 'promise-toolbox'
+import { getHandler } from '.'
+
+const initialDir = process.cwd()
+
+beforeEach(async () => {
+  const dir = await pFromCallback(cb => tmp.dir(cb))
+  process.chdir(dir)
+})
+
+afterEach(async () => {
+  const tmpDir = process.cwd()
+  process.chdir(initialDir)
+  await pFromCallback(cb => rimraf(tmpDir, cb))
+})
+
+test("fs test doesn't crash", async () => {
+  const handler = getHandler({ url: 'file://' + process.cwd() })
+  const result = await handler.test()
+  expect(result.success).toBeTruthy()
+})

@xen-orchestra/fs/src/index.js

@@ -0,0 +1,26 @@
+// @flow
+
+import type RemoteHandler from './abstract'
+import RemoteHandlerLocal from './local'
+import RemoteHandlerNfs from './nfs'
+import RemoteHandlerSmb from './smb'
+
+export type { default as RemoteHandler } from './abstract'
+export type Remote = { url: string }
+
+const HANDLERS = {
+  file: RemoteHandlerLocal,
+  smb: RemoteHandlerSmb,
+  nfs: RemoteHandlerNfs,
+}
+
+export const getHandler = (remote: Remote): RemoteHandler => {
+  // FIXME: should be done in xo-remote-parser.
+  const type = remote.url.split('://')[0]
+
+  const Handler = HANDLERS[type]
+  if (!Handler) {
+    throw new Error('Unhandled remote type')
+  }
+  return new Handler(remote)
+}

@xen-orchestra/fs/src/local.js

@@ -0,0 +1,114 @@
+import fs from 'fs-extra'
+import { dirname, resolve } from 'path'
+import { noop, startsWith } from 'lodash'
+
+import RemoteHandlerAbstract from './abstract'
+
+export default class LocalHandler extends RemoteHandlerAbstract {
+  get type () {
+    return 'file'
+  }
+
+  _getRealPath () {
+    return this._remote.path
+  }
+
+  _getFilePath (file) {
+    const realPath = this._getRealPath()
+    const parts = [realPath]
+    if (file) {
+      parts.push(file)
+    }
+    const path = resolve.apply(null, parts)
+    if (!startsWith(path, realPath)) {
+      throw new Error('Remote path is unavailable')
+    }
+    return path
+  }
+
+  async _sync () {
+    if (this._remote.enabled) {
+      try {
+        const path = this._getRealPath()
+        await fs.ensureDir(path)
+        await fs.access(path, fs.R_OK | fs.W_OK)
+      } catch (exc) {
+        this._remote.enabled = false
+        this._remote.error = exc.message
+      }
+    }
+    return this._remote
+  }
+
+  async _forget () {
+    return noop()
+  }
+
+  async _outputFile (file, data, options) {
+    const path = this._getFilePath(file)
+    await fs.ensureDir(dirname(path))
+    await fs.writeFile(path, data, options)
+  }
+
+  async _readFile (file, options) {
+    return fs.readFile(this._getFilePath(file), options)
+  }
+
+  async _rename (oldPath, newPath) {
+    return fs.rename(this._getFilePath(oldPath), this._getFilePath(newPath))
+  }
+
+  async _list (dir = '.') {
+    return fs.readdir(this._getFilePath(dir))
+  }
+
+  async _createReadStream (file, options) {
+    if (typeof file === 'string') {
+      return fs.createReadStream(this._getFilePath(file), options)
+    } else {
+      return fs.createReadStream('', {
+        autoClose: false,
+        ...options,
+        fd: file.fd,
+      })
+    }
+  }
+
+  async _createOutputStream (file, options) {
+    if (typeof file === 'string') {
+      const path = this._getFilePath(file)
+      await fs.ensureDir(dirname(path))
+      return fs.createWriteStream(path, options)
+    } else {
+      return fs.createWriteStream('', {
+        autoClose: false,
+        ...options,
+        fd: file.fd,
+      })
+    }
+  }
+
+  async _unlink (file) {
+    return fs.unlink(this._getFilePath(file)).catch(error => {
+      // do not throw if the file did not exist
+      if (error == null || error.code !== 'ENOENT') {
+        throw error
+      }
+    })
+  }
+
+  async _getSize (file) {
+    const stats = await fs.stat(
+      this._getFilePath(typeof file === 'string' ? file : file.path)
+    )
+    return stats.size
+  }
+
+  async _openFile (path, flags) {
+    return fs.open(this._getFilePath(path), flags)
+  }
+
+  async _closeFile (fd) {
+    return fs.close(fd)
+  }
+}

@xen-orchestra/fs/src/nfs.js

@@ -0,0 +1,96 @@
+import execa from 'execa'
+import fs from 'fs-extra'
+import { forEach } from 'lodash'
+
+import LocalHandler from './local'
+
+export default class NfsHandler extends LocalHandler {
+  get type () {
+    return 'nfs'
+  }
+
+  _getRealPath () {
+    return `/run/xo-server/mounts/${this._remote.id}`
+  }
+
+  async _loadRealMounts () {
+    let stdout
+    const mounted = {}
+    try {
+      stdout = await execa.stdout('findmnt', [
+        '-P',
+        '-t',
+        'nfs,nfs4',
+        '--output',
+        'SOURCE,TARGET',
+        '--noheadings',
+      ])
+      const regex = /^SOURCE="([^:]*):(.*)" TARGET="(.*)"$/
+      forEach(stdout.split('\n'), m => {
+        if (m) {
+          const match = regex.exec(m)
+          mounted[match[3]] = {
+            host: match[1],
+            share: match[2],
+          }
+        }
+      })
+    } catch (exc) {
+      // When no mounts are found, the call pretends to fail...
+      if (exc.stderr !== '') {
+        throw exc
+      }
+    }
+
+    this._realMounts = mounted
+    return mounted
+  }
+
+  _matchesRealMount () {
+    return this._getRealPath() in this._realMounts
+  }
+
+  async _mount () {
+    await fs.ensureDir(this._getRealPath())
+    return execa('mount', [
+      '-t',
+      'nfs',
+      '-o',
+      'vers=3',
+      `${this._remote.host}:${this._remote.path}`,
+      this._getRealPath(),
+    ])
+  }
+
+  async _sync () {
+    await this._loadRealMounts()
+    if (this._matchesRealMount() && !this._remote.enabled) {
+      try {
+        await this._umount(this._remote)
+      } catch (exc) {
+        this._remote.enabled = true
+        this._remote.error = exc.message
+      }
+    } else if (!this._matchesRealMount() && this._remote.enabled) {
+      try {
+        await this._mount()
+      } catch (exc) {
+        this._remote.enabled = false
+        this._remote.error = exc.message
+      }
+    }
+    return this._remote
+  }
+
+  async _forget () {
+    try {
+      await this._umount(this._remote)
+    } catch (_) {
+      // We have to go on...
+    }
+  }
+
+  async _umount (remote) {
+    await execa('umount', ['--force', this._getRealPath()])
+  }
+}

@xen-orchestra/fs/src/smb.js

@@ -0,0 +1,217 @@
+import Smb2 from '@marsaud/smb2-promise'
+import { lastly as pFinally } from 'promise-toolbox'
+
+import RemoteHandlerAbstract from './abstract'
+
+const noop = () => {}
+
+// Normalize the error code for file not found.
+const normalizeError = error => {
+  const { code } = error
+
+  return code === 'STATUS_OBJECT_NAME_NOT_FOUND' ||
+    code === 'STATUS_OBJECT_PATH_NOT_FOUND'
+    ? Object.create(error, {
+      code: {
+        configurable: true,
+        readable: true,
+        value: 'ENOENT',
+        writable: true,
+      },
+    })
+    : error
+}
+
+export default class SmbHandler extends RemoteHandlerAbstract {
+  constructor (remote) {
+    super(remote)
+    this._forget = noop
+  }
+
+  get type () {
+    return 'smb'
+  }
+
+  _getClient (remote) {
+    return new Smb2({
+      share: `\\\\${remote.host}`,
+      domain: remote.domain,
+      username: remote.username,
+      password: remote.password,
+      autoCloseTimeout: 0,
+    })
+  }
+
+  _getFilePath (file) {
+    if (file === '.') {
+      file = undefined
+    }
+
+    let path = this._remote.path !== '' ? this._remote.path : ''
+
+    // Ensure remote path is a directory.
+    if (path !== '' && path[path.length - 1] !== '\\') {
+      path += '\\'
+    }
+
+    if (file) {
+      path += file.replace(/\//g, '\\')
+    }
+
+    return path
+  }
+
+  _dirname (file) {
+    const parts = file.split('\\')
+    parts.pop()
+    return parts.join('\\')
+  }
+
+  async _sync () {
+    if (this._remote.enabled) {
+      try {
+        // Check access (smb2 does not expose connect in public so far...)
+        await this.list()
+      } catch (error) {
+        this._remote.enabled = false
+        this._remote.error = error.message
+      }
+    }
+    return this._remote
+  }
+
+  async _outputFile (file, data, options = {}) {
+    const client = this._getClient(this._remote)
+    const path = this._getFilePath(file)
+    const dir = this._dirname(path)
+
+    if (dir) {
+      await client.ensureDir(dir)
+    }
+
+    return client.writeFile(path, data, options)::pFinally(() => {
+      client.close()
+    })
+  }
+
+  async _readFile (file, options = {}) {
+    const client = this._getClient(this._remote)
+    let content
+
+    try {
+      content = await client
+        .readFile(this._getFilePath(file), options)
+        ::pFinally(() => {
+          client.close()
+        })
+    } catch (error) {
+      throw normalizeError(error)
+    }
+
+    return content
+  }
+
+  async _rename (oldPath, newPath) {
+    const client = this._getClient(this._remote)
+
+    try {
+      await client
+        .rename(this._getFilePath(oldPath), this._getFilePath(newPath))
+        ::pFinally(() => {
+          client.close()
+        })
+    } catch (error) {
+      throw normalizeError(error)
+    }
+  }
+
+  async _list (dir = '.') {
+    const client = this._getClient(this._remote)
+    let list
+
+    try {
+      list = await client.readdir(this._getFilePath(dir))::pFinally(() => {
+        client.close()
+      })
+    } catch (error) {
+      throw normalizeError(error)
+    }
+
+    return list
+  }
+
+  async _createReadStream (file, options = {}) {
+    if (typeof file !== 'string') {
+      file = file.path
+    }
+    const client = this._getClient(this._remote)
+    let stream
+
+    try {
+      // FIXME ensure that options are properly handled by @marsaud/smb2
+      stream = await client.createReadStream(this._getFilePath(file), options)
+      stream.on('end', () => client.close())
+    } catch (error) {
+      throw normalizeError(error)
+    }
+
+    return stream
+  }
+
+  async _createOutputStream (file, options = {}) {
+    if (typeof file !== 'string') {
+      file = file.path
+    }
+    const client = this._getClient(this._remote)
+    const path = this._getFilePath(file)
+    const dir = this._dirname(path)
+    let stream
+    try {
+      if (dir) {
+        await client.ensureDir(dir)
+      }
+      stream = await client.createWriteStream(path, options) // FIXME ensure that options are properly handled by @marsaud/smb2
+    } catch (err) {
+      client.close()
+      throw err
+    }
+    stream.on('finish', () => client.close())
+    return stream
+  }
+
+  async _unlink (file) {
+    const client = this._getClient(this._remote)
+
+    try {
+      await client.unlink(this._getFilePath(file))::pFinally(() => {
+        client.close()
+      })
+    } catch (error) {
+      throw normalizeError(error)
+    }
+  }
+
+  async _getSize (file) {
+    const client = await this._getClient(this._remote)
+    let size
+
+    try {
+      size = await client
+        .getSize(this._getFilePath(typeof file === 'string' ? file : file.path))
+        ::pFinally(() => {
+          client.close()
+        })
+    } catch (error) {
+      throw normalizeError(error)
+    }
+
+    return size
+  }
+
+  // this is a fake
+  async _openFile (path) {
+    return this._getFilePath(path)
+  }
+
+  async _closeFile (fd) {}
+}

@xen-orchestra/log/.babelrc.js

@@ -0,0 +1,3 @@
+module.exports = require('../../@xen-orchestra/babel-config')(
+  require('./package.json')
+)

@xen-orchestra/log/.npmignore

@@ -0,0 +1,24 @@
+/benchmark/
+/benchmarks/
+*.bench.js
+*.bench.js.map
+
+/examples/
+example.js
+example.js.map
+*.example.js
+*.example.js.map
+
+/fixture/
+/fixtures/
+*.fixture.js
+*.fixture.js.map
+*.fixtures.js
+*.fixtures.js.map
+
+/test/
+/tests/
+*.spec.js
+*.spec.js.map
+
+__snapshots__/

@xen-orchestra/log/README.md

@@ -0,0 +1,149 @@
+# @xen-orchestra/log [![Build Status](https://travis-ci.org/vatesfr/xen-orchestra.png?branch=master)](https://travis-ci.org/vatesfr/xen-orchestra)
+
+> ${pkg.description}
+
+## Install
+
+Installation of the [npm package](https://npmjs.org/package/@xen-orchestra/log):
+
+```
+> npm install --save @xen-orchestra/log
+```
+
+## Usage
+
+Everywhere something should be logged:
+
+```js
+import { createLogger } from '@xen-orchestra/log'
+
+const log = createLogger('xo-server-api')
+log.warn('foo')
+```
+
+Then at application level you can choose how to handle these logs:
+
+```js
+import configure from '@xen-orchestra/log/configure'
+import createConsoleTransport from '@xen-orchestra/log/transports/console'
+import createEmailTransport from '@xen-orchestra/log/transports/email'
+
+configure([
+  {
+    // if filter is a string, then it is pattern
+    // (https://github.com/visionmedia/debug#wildcards) which is
+    // matched against the namespace of the logs
+    filter: process.env.DEBUG,
+
+    transport: createConsoleTransport()
+  },
+  {
+    // only levels >= warn
+    level: 'warn',
+
+    transport: createEmaileTransport({
+      service: 'gmail',
+      auth: {
+        user: 'jane.smith@gmail.com',
+        pass: 'H&NbECcpXF|pyXe#%ZEb'
+      },
+      from: 'jane.smith@gmail.com',
+      to: [
+        'jane.smith@gmail.com',
+        'sam.doe@yahoo.com'
+      ]
+    })
+  }
+])
+```
+
+### Transports
+
+#### Console
+
+```js
+import createConsoleTransport from '@xen-orchestra/log/transports/console'
+
+configure(createConsoleTransport())
+```
+
+#### Email
+
+Optional dependency:
+
+```
+> yarn add nodemailer pretty-format
+```
+
+Configuration:
+
+```js
+import createEmailTransport from '@xen-orchestra/log/transports/email'
+
+configure(createEmailTransport({
+  service: 'gmail',
+  auth: {
+    user: 'jane.smith@gmail.com',
+    pass: 'H&NbECcpXF|pyXe#%ZEb'
+  },
+  from: 'jane.smith@gmail.com',
+  to: [
+    'jane.smith@gmail.com',
+    'sam.doe@yahoo.com'
+  ]
+}))
+```
+
+#### Syslog
+
+Optional dependency:
+
+```
+> yarn add split-host syslog-client
+```
+
+Configuration:
+
+```js
+import createSyslogTransport from '@xen-orchestra/log/transports/syslog'
+
+// By default, log to udp://localhost:514
+configure(createSyslogTransport())
+
+// But TCP, a different host, or a different port can be used
+configure(createSyslogTransport('tcp://syslog.company.lan'))
+```
+
+## Development
+
+```
+# Install dependencies
+> yarn
+
+# Run the tests
+> yarn test
+
+# Continuously compile
+> yarn dev
+
+# Continuously run the tests
+> yarn dev-test
+
+# Build for production (automatically called by npm install)
+> yarn build
+```
+
+## Contributions
+
+Contributions are *very* welcomed, either on the documentation or on
+the code.
+
+You may:
+
+- report any [issue](https://github.com/vatesfr/xo-web/issues/)
+  you've encountered;
+- fork and create a pull request.
+
+## License
+
+ISC © [Vates SAS](https://vates.fr)

@xen-orchestra/log/configure.js

@@ -0,0 +1 @@
+module.exports = require('./dist/configure')

@xen-orchestra/log/package.json

@@ -0,0 +1,52 @@
+{
+  "private": true,
+  "name": "@xen-orchestra/log",
+  "version": "0.0.0",
+  "license": "ISC",
+  "description": "",
+  "keywords": [],
+  "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/packages/@xen-orchestra/log",
+  "bugs": "https://github.com/vatesfr/xen-orchestra/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vatesfr/xen-orchestra.git"
+  },
+  "author": {
+    "name": "Julien Fontanet",
+    "email": "julien.fontanet@vates.fr"
+  },
+  "preferGlobal": false,
+  "main": "dist/",
+  "bin": {},
+  "files": [
+    "dist/"
+  ],
+  "browserslist": [
+    ">2%"
+  ],
+  "engines": {
+    "node": ">=4"
+  },
+  "dependencies": {
+    "@babel/polyfill": "7.0.0-beta.42",
+    "lodash": "^4.17.4",
+    "promise-toolbox": "^0.9.5"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.0.0-beta.42",
+    "@babel/core": "7.0.0-beta.42",
+    "@babel/preset-env": "7.0.0-beta.42",
+    "@babel/preset-flow": "7.0.0-beta.42",
+    "babel-plugin-lodash": "^3.3.2",
+    "cross-env": "^5.1.3",
+    "rimraf": "^2.6.2"
+  },
+  "scripts": {
+    "build": "cross-env NODE_ENV=production babel --source-maps --out-dir=dist/ src/",
+    "clean": "rimraf dist/",
+    "dev": "cross-env NODE_ENV=development babel --watch --source-maps --out-dir=dist/ src/",
+    "prebuild": "yarn run clean",
+    "predev": "yarn run prebuild",
+    "prepublishOnly": "yarn run build"
+  }
+}

@xen-orchestra/log/src/configure.js

@@ -0,0 +1,105 @@
+import createConsoleTransport from './transports/console'
+import LEVELS, { resolve } from './levels'
+import { compileGlobPattern } from './utils'
+
+// ===================================================================
+
+const createTransport = config => {
+  if (typeof config === 'function') {
+    return config
+  }
+
+  if (Array.isArray(config)) {
+    const transports = config.map(createTransport)
+    const { length } = transports
+    return function () {
+      for (let i = 0; i < length; ++i) {
+        transports[i].apply(this, arguments)
+      }
+    }
+  }
+
+  let { filter, transport } = config
+  const level = resolve(config.level)
+
+  if (filter !== undefined) {
+    if (typeof filter === 'string') {
+      const re = compileGlobPattern(filter)
+      filter = log => re.test(log.namespace)
+    }
+
+    const orig = transport
+    transport = function (log) {
+      if ((level !== undefined && log.level >= level) || filter(log)) {
+        return orig.apply(this, arguments)
+      }
+    }
+  } else if (level !== undefined) {
+    const orig = transport
+    transport = function (log) {
+      if (log.level >= level) {
+        return orig.apply(this, arguments)
+      }
+    }
+  }
+
+  return transport
+}
+
+let transport = createTransport({
+  // display warnings or above, and all that are enabled via DEBUG or
+  // NODE_DEBUG env
+  filter: process.env.DEBUG || process.env.NODE_DEBUG,
+  level: LEVELS.INFO,
+
+  transport: createConsoleTransport(),
+})
+
+const symbol =
+  typeof Symbol !== 'undefined'
+    ? Symbol.for('@xen-orchestra/log')
+    : '@@@xen-orchestra/log'
+global[symbol] = log => transport(log)
+
+export const configure = config => {
+  transport = createTransport(config)
+}
+
+// -------------------------------------------------------------------
+
+export const catchGlobalErrors = logger => {
+  // patch process
+  const onUncaughtException = error => {
+    logger.error('uncaught exception', { error })
+  }
+  const onUnhandledRejection = error => {
+    logger.warn('possibly unhandled rejection', { error })
+  }
+  const onWarning = error => {
+    logger.warn('Node warning', { error })
+  }
+  process.on('uncaughtException', onUncaughtException)
+  process.on('unhandledRejection', onUnhandledRejection)
+  process.on('warning', onWarning)
+
+  // patch EventEmitter
+  const EventEmitter = require('events')
+  const { prototype } = EventEmitter
+  const { emit } = prototype
+  function patchedEmit (event, error) {
+    event === 'error' && !this.listenerCount(event)
+      ? logger.error('unhandled error event', { error })
+      : emit.apply(this, arguments)
+  }
+  prototype.emit = patchedEmit
+
+  return () => {
+    process.removeListener('uncaughtException', onUncaughtException)
+    process.removeListener('unhandledRejection', onUnhandledRejection)
+    process.removeListener('warning', onWarning)
+
+    if (prototype.emit === patchedEmit) {
+      prototype.emit = emit
+    }
+  }
+}

@xen-orchestra/log/src/index.js

@@ -0,0 +1,65 @@
+import createTransport from './transports/console'
+import LEVELS from './levels'
+
+const symbol =
+  typeof Symbol !== 'undefined'
+    ? Symbol.for('@xen-orchestra/log')
+    : '@@@xen-orchestra/log'
+if (!(symbol in global)) {
+  // the default behavior, without requiring `configure` is to avoid
+  // logging anything unless it's a real error
+  const transport = createTransport()
+  global[symbol] = log => log.level > LEVELS.WARN && transport(log)
+}
+
+// -------------------------------------------------------------------
+
+function Log (data, level, namespace, message, time) {
+  this.data = data
+  this.level = level
+  this.namespace = namespace
+  this.message = message
+  this.time = time
+}
+
+function Logger (namespace) {
+  this._namespace = namespace
+
+  // bind all logging methods
+  for (const name in LEVELS) {
+    const lowerCase = name.toLowerCase()
+    this[lowerCase] = this[lowerCase].bind(this)
+  }
+}
+
+const { prototype } = Logger
+
+for (const name in LEVELS) {
+  const level = LEVELS[name]
+
+  prototype[name.toLowerCase()] = function (message, data) {
+    global[symbol](new Log(data, level, this._namespace, message, new Date()))
+  }
+}
+
+prototype.wrap = function (message, fn) {
+  const logger = this
+  const warnAndRethrow = error => {
+    logger.warn(message, { error })
+    throw error
+  }
+  return function () {
+    try {
+      const result = fn.apply(this, arguments)
+      const then = result != null && result.then
+      return typeof then === 'function'
+        ? then.call(result, warnAndRethrow)
+        : result
+    } catch (error) {
+      warnAndRethrow(error)
+    }
+  }
+}
+
+const createLogger = namespace => new Logger(namespace)
+export { createLogger }

@xen-orchestra/log/src/levels.js

@@ -0,0 +1,24 @@
+const LEVELS = Object.create(null)
+export { LEVELS as default }
+
+// https://github.com/trentm/node-bunyan#levels
+LEVELS.FATAL = 60 // service/app is going to down
+LEVELS.ERROR = 50 // fatal for current action
+LEVELS.WARN = 40 // something went wrong but it's not fatal
+LEVELS.INFO = 30 // detail on unusual but normal operation
+LEVELS.DEBUG = 20
+
+export const NAMES = Object.create(null)
+for (const name in LEVELS) {
+  NAMES[LEVELS[name]] = name
+}
+
+export const resolve = level => {
+  if (typeof level === 'string') {
+    level = LEVELS[level.toUpperCase()]
+  }
+  return level
+}
+
+Object.freeze(LEVELS)
+Object.freeze(NAMES)

@xen-orchestra/log/src/levels.spec.js

@@ -0,0 +1,32 @@
+/* eslint-env jest */
+
+import { forEach, isInteger } from 'lodash'
+
+import LEVELS, { NAMES, resolve } from './levels'
+
+describe('LEVELS', () => {
+  it('maps level names to their integer values', () => {
+    forEach(LEVELS, (value, name) => {
+      expect(isInteger(value)).toBe(true)
+    })
+  })
+})
+
+describe('NAMES', () => {
+  it('maps level values to their names', () => {
+    forEach(LEVELS, (value, name) => {
+      expect(NAMES[value]).toBe(name)
+    })
+  })
+})
+
+describe('resolve()', () => {
+  it('returns level values either from values or names', () => {
+    forEach(LEVELS, value => {
+      expect(resolve(value)).toBe(value)
+    })
+    forEach(NAMES, (name, value) => {
+      expect(resolve(name)).toBe(+value)
+    })
+  })
+})

@xen-orchestra/log/src/transports/console.js

@@ -0,0 +1,20 @@
+import LEVELS, { NAMES } from '../levels'
+
+// Bind console methods (necessary for browsers)
+const debugConsole = console.log.bind(console)
+const infoConsole = console.info.bind(console)
+const warnConsole = console.warn.bind(console)
+const errorConsole = console.error.bind(console)
+
+const { ERROR, INFO, WARN } = LEVELS
+
+const consoleTransport = ({ data, level, namespace, message, time }) => {
+  const fn =
+    level < INFO
+      ? debugConsole
+      : level < WARN ? infoConsole : level < ERROR ? warnConsole : errorConsole
+
+  fn('%s - %s - [%s] %s', time.toISOString(), namespace, NAMES[level], message)
+  data != null && fn(data)
+}
+export default () => consoleTransport

@xen-orchestra/log/src/transports/email.js

@@ -0,0 +1,68 @@
+import prettyFormat from 'pretty-format' // eslint-disable-line node/no-extraneous-import
+import { createTransport } from 'nodemailer' // eslint-disable-line node/no-extraneous-import
+import { fromCallback } from 'promise-toolbox'
+
+import { evalTemplate, required } from '../utils'
+import { NAMES } from '../levels'
+
+export default ({
+  // transport options (https://nodemailer.com/smtp/)
+  auth,
+  authMethod,
+  host,
+  ignoreTLS,
+  port,
+  proxy,
+  requireTLS,
+  secure,
+  service,
+  tls,
+
+  // message options (https://nodemailer.com/message/)
+  bcc,
+  cc,
+  from = required('from'),
+  to = required('to'),
+  subject = '[{{level}} - {{namespace}}] {{time}} {{message}}',
+}) => {
+  const transporter = createTransport(
+    {
+      auth,
+      authMethod,
+      host,
+      ignoreTLS,
+      port,
+      proxy,
+      requireTLS,
+      secure,
+      service,
+      tls,
+
+      disableFileAccess: true,
+      disableUrlAccess: true,
+    },
+    {
+      bcc,
+      cc,
+      from,
+      to,
+    }
+  )
+
+  return log =>
+    fromCallback(cb =>
+      transporter.sendMail(
+        {
+          subject: evalTemplate(
+            subject,
+            key =>
+              key === 'level'
+                ? NAMES[log.level]
+                : key === 'time' ? log.time.toISOString() : log[key]
+          ),
+          text: prettyFormat(log.data),
+        },
+        cb
+      )
+    )
+}

@xen-orchestra/log/src/transports/syslog.js

@@ -0,0 +1,42 @@
+import splitHost from 'split-host' // eslint-disable-line node/no-extraneous-import node/no-missing-import
+import { createClient, Facility, Severity, Transport } from 'syslog-client' // eslint-disable-line node/no-extraneous-import node/no-missing-import
+import { fromCallback } from 'promise-toolbox'
+import { startsWith } from 'lodash'
+
+import LEVELS from '../levels'
+
+// https://github.com/paulgrove/node-syslog-client#syslogseverity
+const LEVEL_TO_SEVERITY = {
+  [LEVELS.FATAL]: Severity.Critical,
+  [LEVELS.ERROR]: Severity.Error,
+  [LEVELS.WARN]: Severity.Warning,
+  [LEVELS.INFO]: Severity.Informational,
+  [LEVELS.DEBUG]: Severity.Debug,
+}
+
+const facility = Facility.User
+
+export default target => {
+  const opts = {}
+  if (target !== undefined) {
+    if (startsWith(target, 'tcp://')) {
+      target = target.slice(6)
+      opts.transport = Transport.Tcp
+    } else if (startsWith(target, 'udp://')) {
+      target = target.slice(6)
+      opts.transport = Transport.Ucp
+    }
+
+    ;({ host: target, port: opts.port } = splitHost(target))
+  }
+
+  const client = createClient(target, opts)
+
+  return log =>
+    fromCallback(cb =>
+      client.log(log.message, {
+        facility,
+        severity: LEVEL_TO_SEVERITY[log.level],
+      })
+    )
+}

@xen-orchestra/log/src/utils.js

@@ -0,0 +1,62 @@
+import escapeRegExp from 'lodash/escapeRegExp'
+
+// ===================================================================
+
+const TPL_RE = /\{\{(.+?)\}\}/g
+export const evalTemplate = (tpl, data) => {
+  const getData =
+    typeof data === 'function' ? (_, key) => data(key) : (_, key) => data[key]
+
+  return tpl.replace(TPL_RE, getData)
+}
+
+// -------------------------------------------------------------------
+
+const compileGlobPatternFragment = pattern =>
+  pattern
+    .split('*')
+    .map(escapeRegExp)
+    .join('.*')
+
+export const compileGlobPattern = pattern => {
+  const no = []
+  const yes = []
+  pattern.split(/[\s,]+/).forEach(pattern => {
+    if (pattern[0] === '-') {
+      no.push(pattern.slice(1))
+    } else {
+      yes.push(pattern)
+    }
+  })
+
+  const raw = ['^']
+
+  if (no.length !== 0) {
+    raw.push('(?!', no.map(compileGlobPatternFragment).join('|'), ')')
+  }
+
+  if (yes.length !== 0) {
+    raw.push('(?:', yes.map(compileGlobPatternFragment).join('|'), ')')
+  } else {
+    raw.push('.*')
+  }
+
+  raw.push('$')
+
+  return new RegExp(raw.join(''))
+}
+
+// -------------------------------------------------------------------
+
+export const required = name => {
+  throw new Error(`missing required arg ${name}`)
+}
+
+// -------------------------------------------------------------------
+
+export const serializeError = error => ({
+  ...error,
+  message: error.message,
+  name: error.name,
+  stack: error.stack,
+})

@xen-orchestra/log/src/utils.spec.js

@@ -0,0 +1,13 @@
+/* eslint-env jest */
+
+import { compileGlobPattern } from './utils'
+
+describe('compileGlobPattern()', () => {
+  it('works', () => {
+    const re = compileGlobPattern('foo, ba*, -bar')
+    expect(re.test('foo')).toBe(true)
+    expect(re.test('bar')).toBe(false)
+    expect(re.test('baz')).toBe(true)
+    expect(re.test('qux')).toBe(false)
+  })
+})

@xen-orchestra/log/transports

@@ -0,0 +1 @@
+dist/transports

CODE_OF_CONDUCT.md

@@ -0,0 +1,46 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at julien.fontanet@vates.fr. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

ISSUE_TEMPLATE.md

@@ -0,0 +1,27 @@
+<!--
+Welcome to the issue section of Xen Orchestra!
+
+Here you can:
+- report an issue
+- propose an enhancement
+- ask a question
+
+Please, respect this template as much as possible, it helps us sort
+the issues :)
+-->
+
+### Context
+
+- **XO origin**: the sources / XO Appliance
+- **Versions**:
+   - Node: **FILL HERE**
+   - xo-web: **FILL HERE**
+   - xo-server: **FILL HERE**
+
+### Expected behavior
+
+<!-- What you expect to happen -->
+
+### Current behavior
+
+<!-- What is actually happening -->

README.md

@@ -1,20 +1,11 @@
-# Xen Orchestra Web
+# Xen Orchestra [![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/xen-orchestra.png?branch=master)](https://travis-ci.org/vatesfr/xen-orchestra)
 
-XO-Web is part of [Xen Orchestra](https://github.com/vatesfr/xo), a web interface for XenServer or XAPI enabled hosts.
-
-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)
-
-___
+![](http://i.imgur.com/tRffA5y.png)
 
 ## Installation
 
-Manual install procedure is [available here](https://github.com/vatesfr/xo/blob/master/installation.md)
+XOA or manual install procedure is [available here](https://xen-orchestra.com/docs/installation.html)
 
-## How to report a bug?
+## License
 
-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).
-
-Otherwise, please consider using the [bugtracker of the general repository](https://github.com/vatesfr/xo/issues).
+AGPL3 © [Vates SAS](http://vates.fr)

app/index.html

@@ -1,140 +0,0 @@
-<!-- HTML 5 Doctype -->
-<!doctype html>
-
-<!-- The “no-js” class will be automatically removed if JavaScript is
- - available.
- -->
-<html lang="en" dir="ltr" class="no-js">
-  <head>
-    <meta charset="utf-8">
-    <!--
-     - This file is a part of Xen Orchestra Web.
-     -
-     - Xen Orchestra Web is free software: you can redistribute it and/or
-     - modify it under the terms of the GNU Affero General Public License
-     - as published by the Free Software Foundation, either version 3 of
-     - the License, or (at your option) any later version.
-     -
-     - Xen Orchestra Web is distributed in the hope that it will be
-     - useful, but WITHOUT ANY WARRANTY; without even the implied warranty
-     - of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
-     - Affero General Public License for more details.
-     -
-     - You should have received a copy of the GNU Affero General Public License
-     - along with Xen Orchestra Web. If not, see
-     - <http://www.gnu.org/licenses/>.
-     -
-     - @author Olivier Lambert <olivier.lambert@vates.fr>
-     - @license http://www.gnu.org/licenses/agpl-3.0-standalone.html GNU AGPLv3
-     -
-     - @package Xen Orchestra Web
-     -->
-
-    <!-- Makes sure IE is using the last engine available. -->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
-    <!-- Replaces the “no-js” class by the “js” class if JavaScript
-     - is available.
-     -->
-    <script>!function(d){d.className=d.className.replace(/\bno-js\b/,'js')}(document.documentElement)</script>
-
-    <!-- (To confirm.) For smartphones and tablets: sets the page
-     - width to the device width and prevents the page from being
-     - zoomed in when going to landscape mode.
-     -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <title>Xen Orchestra</title>
-
-    <meta name="description" content="Web interface for XenServer/XAPI Hosts" />
-    <meta name="author" content="Vates SAS" />
-    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-
-    <!-- build:css(.tmp) styles/main.css -->
-    <link rel="stylesheet" href="styles/main.css">
-    <!-- endbuild -->
-    <!-- Angular-xeditable CSS -->
-    <link rel="stylesheet" href="bower_components/angular-xeditable/dist/css/xeditable.css">
-    <!-- Angular UI Select -->
-    <link rel="stylesheet" href="bower_components/select2/select2.css">
-    <link rel="stylesheet" href="bower_components/angular-notify-toaster/toaster.css">
-  </head>
-  <body ng-app="xoWebApp">
-    <!--[if lt IE 7]>
-      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-    <![endif]-->
-
-    <!--[if lt IE 9]>
-      <script src="bower_components/es5-shim/es5-shim.js"></script>
-      <script src="bower_components/json3/lib/json3.min.js"></script>
-    <![endif]-->
-
-    <toaster-container></toaster-container>
-
-    <!-- Navigation bar. -->
-    <div ng-controller="NavBarCtrl">
-      <ng-include src="'views/nav-bar.html'"></ng-include>
-    </div>
-
-    <!-- Main content (managed by the router). -->
-    <div class="view-main" ui-view></div>
-
-    <script src="bower_components/jquery/dist/jquery.js"></script>
-    <script src="bower_components/angular/angular.js"></script>
-    <script src="bower_components/angular-animate/angular-animate.js"></script>
-    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
-
-    <!-- build:js scripts/plugins.js -->
-    <script src="bower_components/angular-ui-bootstrap-bower/ui-bootstrap-tpls.js"></script>
-    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
-    <script src="bower_components/angular-ui-utils/ui-utils.js"></script>
-    <script src="bower_components/angular-notify-toaster/toaster.js"></script>
-    <!-- endbuild -->
-
-    <!-- build:js scripts/modules.js -->
-    <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
-    <script src="bower_components/select2/select2.js"></script>
-    <script src="bower_components/angular-ui-select2/src/select2.js"></script>
-    <script src="bower_components/angularjs-naturalsort/index.js"></script>
-    <!-- endbuild -->
-
-    <!-- noVNC -->
-    <script src="bower_components/noVNC/include/util.js"></script>
-    <script>
-      var INCLUDE_URI = 'bower_components/noVNC/include/';
-      Util.load_scripts([
-        'webutil.js',
-        'base64.js',
-        'websock.js',
-        'des.js',
-        'keysymdef.js',
-        'keyboard.js',
-        'input.js',
-        'display.js',
-        'jsunzip.js',
-        'rfb.js',
-      ]);
-    </script>
-    <!-- /noVNC -->
-
-    <!-- build:js({.tmp,app}) scripts/scripts.js -->
-    <script src="scripts/app.js"></script>
-    <script src="scripts/directives.js"></script>
-    <script src="scripts/filters.js"></script>
-    <script src="scripts/services.js"></script>
-    <script src="scripts/controllers/main.js"></script>
-    <script src="scripts/controllers/nav-bar.js"></script>
-    <script src="scripts/controllers/list.js"></script>
-    <script src="scripts/controllers/host.js"></script>
-    <script src="scripts/controllers/sr.js"></script>
-    <script src="scripts/controllers/pool.js"></script>
-    <script src="scripts/controllers/vm.js"></script>
-    <script src="scripts/controllers/console.js"></script>
-    <script src="scripts/controllers/settings.js"></script>
-    <script src="scripts/controllers/new_vm.js"></script>
-    <script src="scripts/controllers/new_sr.js"></script>
-    <script src="scripts/controllers/delete_vms.js"></script>
-    <script src="scripts/controllers/generic_modal.js"></script>
-    <!-- endbuild -->
-</body>
-</html>

app/scripts/app.coffee

@@ -1,83 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp', [
-  'ngCookies'
-
-  'ui.bootstrap'
-  'ui.indeterminate'
-  'ui.router'
-  'ui.select2'
-
-  'naturalSort'
-  'toaster'
-  'xeditable'
-])
-  .config ($stateProvider, $urlRouterProvider, $tooltipProvider) ->
-    # Redirects unmatched URLs to `/`.
-    $urlRouterProvider.otherwise '/'
-
-    # Sets up the different states for our module.
-    $stateProvider
-      .state 'home',
-        url: '/'
-        controller: 'MainCtrl'
-        templateUrl: 'views/main.html'
-
-      .state 'list',
-        url: '/list'
-        controller: 'ListCtrl'
-        templateUrl: 'views/list.html'
-
-      .state 'hosts_view',
-        url: '/hosts/:id'
-        controller: 'HostCtrl'
-        templateUrl: 'views/host.html'
-
-      .state 'SRs_view',
-        url: '/srs/:id'
-        controller: 'SrCtrl'
-        templateUrl: 'views/sr.html'
-
-      .state 'SRs_new',
-        url: '/srs/new/:container'
-        controller: 'NewSrCtrl'
-        templateUrl: 'views/new_sr.html'
-
-      .state 'pools_view',
-        url: '/pools/:id'
-        controller: 'PoolCtrl'
-        templateUrl: 'views/pool.html'
-
-      .state 'VMs_new',
-        url: '/vms/new/:container'
-        controller: 'NewVmCtrl'
-        templateUrl: 'views/new_vm.html'
-
-      .state 'VMs_view',
-        url: '/vms/:id'
-        controller: 'VmCtrl'
-        templateUrl: 'views/vm.html'
-
-      .state 'consoles_view',
-        url: '/consoles/:id'
-        controller: 'ConsoleCtrl'
-        templateUrl: 'views/console.html'
-
-      .state 'about',
-        url: '/about'
-        templateUrl: 'views/about.html'
-
-      .state 'settings',
-        url: '/settings'
-        controller: 'SettingsCtrl'
-        templateUrl: 'views/settings.html'
-
-    # Changes the default settings for the tooltips.
-    $tooltipProvider.options
-      appendToBody: true
-      placement: 'bottom'
-
-  .run (editableOptions, editableThemes) ->
-    editableThemes.bs3.inputClass = 'input-sm'
-    editableThemes.bs3.buttonsClass = 'btn-sm'
-    editableOptions.theme = 'bs3'

app/scripts/controllers/console.coffee

@@ -1,60 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'ConsoleCtrl', ($scope, $stateParams, xoApi, xo) ->
-    {id} = $stateParams
-    {get} = xo
-    push = Array::push.apply.bind Array::push
-    merge = do ->
-      (args...) ->
-        result = []
-        for arg in args
-          push result, arg if arg?
-        result
-
-    $scope.$watch(
-      -> xo.revision
-      ->
-        unless xoApi.user
-          $scope.consoleUrl = ''
-          $scope.VDIs = []
-          return
-
-        VM = $scope.VM = xo.get id
-        return unless VM? and VM.power_state is 'Running'
-
-        pool = get VM.poolRef
-        return unless pool
-
-        $scope.consoleUrl = do ->
-          for console in VM.consoles
-            if console.protocol is 'rfb'
-              return "#{console.location}&session_id=#{pool.$sessionId}"
-          ''
-
-        host = get VM.$container # host because the VM is running.
-        return unless host
-
-        # FIXME: We should filter on connected SRs (PBDs)!
-        SRs = get (merge host.SRs, pool.SRs)
-        $scope.VDIs = do ->
-          VDIs = []
-          for SR in SRs
-            push VDIs, SR.VDIs if SR.content_type is 'iso'
-          get VDIs
-
-        cdDrive = do ->
-          return VBD for VBD in (get VM.$VBDs) when VBD.is_cd_drive
-          null
-
-        $scope.mountedIso =
-          if cdDrive and cdDrive.VDI and (VDI = get cdDrive.VDI)
-            VDI.UUID
-          else
-            ''
-    )
-
-    $scope.eject = ->
-      xo.vm.ejectCd id
-    $scope.insert = (disc_id) ->
-      xo.vm.insertCd id, disc_id, true

app/scripts/controllers/delete_vms.coffee

@@ -1,17 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'DeleteVMsCtrl', ($scope, $modalInstance, xo, VMsIds) ->
-    $scope.$watch(
-      -> xo.revision
-      ->
-        $scope.VMs = xo.get VMsIds
-    )
-
-    # Do disks have to be deleted for a given VM.
-    disks = $scope.disks = {}
-    do ->
-      disks[id] = true for id in VMsIds
-
-    $scope.delete = ->
-      $modalInstance.close ([id, disks[id]] for id in VMsIds)

app/scripts/controllers/generic_modal.coffee

@@ -1,9 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'GenericModalCtrl', ($scope, $modalInstance, options) ->
-    $scope.title = options.title
-    $scope.message = options.message
-
-    $scope.yesButtonLabel = options.yesButtonLabel ? 'Ok'
-    $scope.noButtonLabel = options.noButtonLabel

app/scripts/controllers/host.coffee

@@ -1,79 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'HostCtrl', ($scope, $stateParams, xoApi, xo, modal) ->
-    $scope.$watch(
-      -> xo.revision
-      ->
-        host = $scope.host = xo.get $stateParams.id
-        return unless host?
-
-        $scope.pool = xo.get host.poolRef
-
-        SRsToPBDs = $scope.SRsToPBDs = Object.create null
-        for PBD in host.$PBDs
-          PBD = xo.get PBD
-
-          # If this PBD is unknown, just skips it.
-          continue unless PBD
-
-          SRsToPBDs[PBD.SR] = PBD
-    )
-
-    $scope.removeMessage = xo.message.delete
-
-    $scope.removeTask = xo.task.delete
-
-    $scope.disconnectPBD = xo.pbd.disconnect
-    $scope.removePBD = xo.pbd.delete
-
-    $scope.new_sr = xo.pool.new_sr
-
-    $scope.pool_addHost = (id) ->
-      xo.host.attach id
-
-    $scope.pool_removeHost = (id) ->
-      modal.confirm({
-        title: 'Remove host from pool'
-        message: 'Are you sure you want to detach this host from its pool? It will be automatically rebooted'
-      }).then ->
-        xo.host.detach id
-    $scope.rebootHost = (id) ->
-      modal.confirm({
-        title: 'Reboot host'
-        message: 'Are you sure you want to reboot this host? It will be disabled then rebooted'
-      }).then ->
-        xo.host.restart id
-
-    $scope.restartToolStack = (id) ->
-      modal.confirm({
-        title: 'Restart XAPI'
-        message: 'Are you sure you want to restart the XAPI toolstack?'
-      }).then ->
-        xo.host.restartToolStack id
-
-    $scope.shutdownHost = (id) ->
-      modal.confirm({
-        title: 'Shutdown host'
-        message: 'Are you sure you want to shutdown this host?'
-      }).then ->
-        xo.host.stop id
-    $scope.saveHost = ($data) ->
-      {host} = $scope
-      {name_label, name_description, enabled} = $data
-
-      $data = {
-        id: host.UUID
-      }
-      if name_label isnt host.name_label
-        $data.name_label = name_label
-      if name_description isnt host.name_description
-        $data.name_description = name_description
-      if enabled isnt host.enabled
-        $data.enabled = host.enabled
-
-      xoApi.call 'host.set', $data
-
-    $scope.deleteLog = (id) ->
-      console.log "Remove log #{id}"
-      xo.log.delete id

app/scripts/controllers/list.coffee

@@ -1,5 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'ListCtrl', ($scope, xo) ->
-    $scope.byTypes = xo.byTypes

app/scripts/controllers/main.coffee

@@ -1,160 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'MainCtrl', ($scope, $modal, modal, xo, dateFilter) ->
-    VMs = []
-    $scope.$watch(
-      -> xo.revision
-      (revision) ->
-        return if revision is 0
-
-        {byTypes} = xo
-
-        $scope.xo = byTypes.xo[0]
-
-        $scope.pools = byTypes.pool
-        $scope.hosts = byTypes.host
-
-        VMs = $scope.VMs = byTypes.VM ? []
-    )
-    $scope.pool_disconnect = xo.pool.disconnect
-    $scope.new_sr = xo.pool.new_sr
-
-    $scope.pool_addHost = (id) ->
-      xo.host.attach id
-
-    $scope.pool_removeHost = (id) ->
-      modal.confirm({
-        title: 'Remove host from pool'
-        message: 'Are you sure you want to detach this host from its pool? It will be automatically rebooted'
-      }).then ->
-        xo.host.detach id
-
-    $scope.rebootHost = (id) ->
-      modal.confirm({
-        title: 'Reboot host'
-        message: 'Are you sure you want to reboot this host? It will be disabled then rebooted'
-      }).then ->
-        xo.host.restart id
-
-    $scope.restartToolStack = (id) ->
-      modal.confirm({
-        title: 'Restart XAPI'
-        message: 'Are you sure you want to restart the XAPI toolstack?'
-      }).then ->
-        xo.host.restartToolStack id
-
-    $scope.shutdownHost = (id) ->
-      modal.confirm({
-        title: 'Shutdown host'
-        message: 'Are you sure you want to shutdown this host?'
-      }).then ->
-        xo.host.stop id
-
-    $scope.startVM = xo.vm.start
-    $scope.stopVM = xo.vm.stop
-    $scope.force_stopVM = (id) -> xo.vm.stop id, true
-    $scope.rebootVM = xo.vm.restart
-    $scope.force_rebootVM = (id) -> xo.vm.restart id, true
-    $scope.migrateVM = xo.vm.migrate
-    $scope.snapshotVM = (id) ->
-      vm = xo.get (id)
-      date = dateFilter Date.now(), 'yyyy-MM-ddTHH:mmZ'
-      snapshot_name = "#{vm.name_label}_#{date}"
-      xo.vm.createSnapshot id, snapshot_name
-    # check if there is any operation pending on a VM
-    $scope.isVMWorking = (VM) ->
-      return true for _ of VM.current_operations
-      false
-
-    # extract a value in a object
-    $scope.values = (object) ->
-      value for _, value of object
-
-    $scope.deleteVMs = ->
-      {selected_VMs} = $scope
-
-      VMsIds = (id for id, selected of selected_VMs when selected)
-      modal = $modal.open {
-        controller: 'DeleteVMsCtrl'
-        templateUrl: 'views/delete_vms.html'
-        resolve: {
-          VMsIds: -> VMsIds
-        }
-      }
-
-      modal.result.then (toDelete) ->
-        for [id, deleteDisks] in toDelete
-          xo.vm.delete id, deleteDisks
-
-    # VMs checkboxes.
-    do ->
-      # This map marks which VMs are selected.
-      selected_VMs = $scope.selected_VMs = Object.create null
-
-      # Number of selected VMs.
-      $scope.n_selected_VMs = 0
-
-      # This is the master checkbox.
-      # Three states: true/false/null
-      $scope.master_selection = false
-
-      # Wheter all VMs are selected.
-      $scope.all = false
-
-      # Whether no VMs are selected.
-      $scope.none = true
-
-      # Updates `all`, `none` and `master_selection` when necessary.
-      $scope.$watch 'n_selected_VMs', (n) ->
-        $scope.all = (VMs.length is n)
-        $scope.none = (n is 0)
-
-        # When the master checkbox is clicked from indeterminate
-        # state, it should go to unchecked like Gmail.
-        $scope.master_selection = (n isnt 0)
-
-      make_matcher = (sieve) ->
-        (item) ->
-          for key, val of sieve
-            return false unless item[key] is val
-          true
-
-      $scope.selectVMs = (sieve) ->
-        if (sieve is true) or (sieve is false)
-          $scope.n_selected_VMs = if sieve then VMs.length else 0
-          selected_VMs[VM.UUID] = sieve for VM in VMs
-          return
-
-        n = 0
-
-        matcher = make_matcher sieve
-        ++n for VM in VMs when (selected_VMs[VM.UUID] = matcher VM)
-
-        $scope.n_selected_VMs = n
-
-      $scope.updateVMSelection = (UUID) ->
-        if selected_VMs[UUID]
-          ++$scope.n_selected_VMs
-        else
-          --$scope.n_selected_VMs
-
-      $scope.bulkAction = (action, args...) ->
-        fn = $scope[action]
-        unless angular.isFunction fn
-          throw new Error "invalid action #{action}"
-
-        for UUID, selected of selected_VMs
-          fn UUID, args... if selected
-
-        # Unselects all VMs.
-        $scope.selectVMs false
-
-      $scope.osType = (osName) ->
-        switch osName
-          when 'debian','ubuntu','centos','suse','redhat','oracle','gentoo'
-            'linux'
-          when 'windows'
-            'windows'
-          else
-            'other'

app/scripts/controllers/nav-bar.coffee

@@ -1,22 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'NavBarCtrl', ($scope, $location, xoApi) ->
-    # TODO: It would make sense to inject xoApi in the scope.
-    $scope.$watch(
-      -> xoApi.status
-      (status) ->
-        $scope.status = status
-    )
-    $scope.$watch(
-      -> xoApi.user
-      (user) ->
-        $scope.user = user
-    )
-    $scope.logIn = xoApi.logIn
-    $scope.logOut = xoApi.logOut
-
-    # When a searched is entered, we must switch to the list view if
-    # necessary.
-    $scope.ensureListView = ->
-      $location.path '/list'

app/scripts/controllers/new_sr.coffee

@@ -1,10 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'NewSrCtrl', ($scope, $stateParams, xo) ->
-    $scope.$watch(
-      -> xo.revision
-      ->
-        $scope.container = xo.get $stateParams.container
-    )
-

app/scripts/controllers/new_vm.coffee

@@ -1,212 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'NewVmCtrl', (
-    $scope, $stateParams, $state
-    xoApi, xo
-    bytesToSizeFilter, sizeToBytesFilter
-    notify
-  ) ->
-    {get} = xo
-
-    removeItems = do ->
-      splice = Array::splice.call.bind Array::splice
-      (array, index, n) -> splice array, index, n ? 1
-
-    merge = do ->
-      push = Array::push.apply.bind Array::push
-      (args...) ->
-        result = []
-        for arg in args
-          push result, arg if arg?
-        result
-
-    pool = default_SR = null
-    $scope.$watch(
-      -> xo.revision
-      ->
-        container = $scope.container = get $stateParams.container
-
-        # If the container was not found, no need to continue.
-        return unless container?
-
-        if container.type is 'host'
-          host = container
-          pool = (get container.poolRef) ? {}
-        else
-          host = {}
-          pool = container
-
-        default_SR = get pool.default_SR
-        default_SR = if default_SR
-          default_SR.UUID
-        else
-          ''
-
-        # Computes the list of templates.
-        $scope.templates = get (merge pool.templates, host.templates)
-
-        # FIXME: We should filter on connected SRs (PBDs)!
-        # Computes the list of SRs.
-        SRs = get (merge pool.SRs, host.SRs)
-
-        # Computes the list of ISO SRs.
-        $scope.ISO_SRs = (SR for SR in SRs when SR.content_type is 'iso')
-
-        # Computes the list of writable SRs.
-        $scope.writable_SRs = (SR for SR in SRs when SR.content_type isnt 'iso')
-
-        # Computes the list of networks.
-        $scope.networks = get pool.networks
-    )
-
-    $scope.availableMethods = {}
-    $scope.CPUs = ''
-    $scope.installation_cdrom = ''
-    $scope.installation_method = ''
-    $scope.installation_network = ''
-    $scope.memory = ''
-    $scope.name_description = ''
-    $scope.name_label = ''
-    $scope.template = ''
-    $scope.VDIs = []
-    $scope.VIFs = []
-
-    $scope.addVIF = do ->
-      id = 0
-      ->
-        $scope.VIFs.push {
-          id: id++
-          network: ''
-        }
-    $scope.addVIF()
-
-    $scope.removeVIF = (index) -> removeItems $scope.VIFs, index
-
-    $scope.moveVDI = (index, direction) ->
-      {VDIs} = $scope
-
-      newIndex = index + direction
-      [VDIs[index], VDIs[newIndex]] = [VDIs[newIndex], VDIs[index]]
-
-    $scope.removeVDI = (index) -> removeItems $scope.VDIs, index
-
-    VDI_id = 0
-    $scope.addVDI = ->
-      $scope.VDIs.push {
-        id: VDI_id++
-        bootable: false
-        size: ''
-        SR: default_SR
-        type: 'system'
-      }
-
-    # When the selected template changes, updates other variables.
-    $scope.$watch 'template', (template) ->
-      return unless template
-
-      {install_methods} = template.template_info
-      availableMethods = $scope.availableMethods = Object.create null
-      for method in install_methods
-        availableMethods[method] = true
-      if install_methods.length is 1 # FIXME: does not work with network.
-        $scope.installation_method = install_methods[0]
-      else
-        delete $scope.installation_method
-
-
-      VDIs = $scope.VDIs = angular.copy template.template_info.disks
-      for VDI in VDIs
-        VDI.id = VDI_id++
-        VDI.size = bytesToSizeFilter VDI.size
-        VDI.SR or= default_SR
-
-    $scope.createVM = ->
-      {
-        CPUs
-        installation_cdrom
-        installation_method
-        installation_network
-        memory
-        name_description
-        name_label
-        template
-        VDIs
-        VIFs
-      } = $scope
-
-      # Does not edit the displayed data directly.
-      VDIs = angular.copy VDIs
-      for VDI, index in VDIs
-        # Removes the dummy identifier used for AngularJS.
-        delete VDI.id
-
-        # Adds the device number based on the index.
-        VDI.device = "#{index}"
-
-        # Transforms the size from human readable format to bytes.
-        VDI.size = sizeToBytesFilter VDI.size
-        # TODO: handles invalid values.
-
-      # Does not edit the displayed data directly.
-      VIFs = angular.copy VIFs
-      for VIF in VIFs
-        # Removes the dummy identifier used for AngularJS.
-        delete VIF.id
-
-        # Removes the MAC address if empty.
-        if 'MAC' of VIF
-          VIF.MAC = VIF.MAC.trim()
-          delete VIF.MAC unless VIF.MAC
-
-      if installation_method is 'cdrom'
-        installation = {
-          method: 'cdrom'
-          repository: installation_cdrom
-        }
-      else
-        matches = /^(http|ftp|nfs)/i.exec installation_network
-        # FIXME: handles invalid methods.
-        installation = {
-          method: matches[1].toLowerCase()
-          repository: installation_network
-        }
-
-      data = {
-        installation
-        name_label
-        template: template.UUID
-        VDIs
-        VIFs
-      }
-
-      # TODO:
-      # - disable the form during creation
-      # - indicate the progress of the operation
-      xoApi.call('vm.create', data).then (id) ->
-        # If nothing to sets, just stops.
-        return id unless CPUs or name_description or memory
-
-        data = {
-          id
-        }
-        data.CPUs = +CPUs if CPUs
-
-        if name_description
-          data.name_description = name_description
-
-        if memory
-          memory = sizeToBytesFilter memory
-          # FIXME: handles invalid entries.
-          data.memory = memory
-
-        xoApi.call('vm.set', data).then -> id
-      .then (id) ->
-        $state.go 'VMs_view', { id }
-      .catch (error) ->
-        notify.error {
-          title: 'VM creation'
-          message: 'The creation failed'
-        }
-
-        console.log error

app/scripts/controllers/pool.coffee

@@ -1,26 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'PoolCtrl', ($scope, $stateParams, xoApi, xo) ->
-    $scope.$watch(
-      -> xo.revision
-      -> $scope.pool = xo.get $stateParams.id
-    )
-
-    $scope.savePool = ($data) ->
-      {pool} = $scope
-      {name_label, name_description} = $data
-
-      $data = {
-        id: pool.UUID
-      }
-      if name_label isnt pool.name_label
-        $data.name_label = name_label
-      if name_description isnt pool.name_description
-        $data.name_description = name_description
-
-      xoApi.call 'pool.set', $data
-
-    $scope.deleteLog = (id) ->
-      console.log "Remove log #{id}"
-      xo.log.delete id

app/scripts/controllers/settings.coffee

@@ -1,159 +0,0 @@
-'use strict'
-
-# FIXME: Mutualize the code between users and servers.
-
-angular.module('xoWebApp')
-  .controller 'SettingsCtrl', ($scope, xoApi) ->
-    $scope.permissions = [
-      {
-        label: 'None'
-        value: 'none'
-      }
-      {
-        label: 'Read'
-        value: 'read'
-      }
-      {
-        label: 'Write'
-        value: 'write'
-      }
-      {
-        label: 'Admin'
-        value: 'admin'
-      }
-    ]
-
-    # Users
-    do ->
-      # Fetches them.
-      $scope.users = []
-      xoApi.call('user.getAll').then (users) ->
-        $scope.users = users
-
-      # Which ones are selected?
-      selected = $scope.selectedUsers = {}
-
-      # New users to create.
-      $scope.newUsers = []
-
-      # Add a new user to be created.
-      $scope.addUser = ->
-        $scope.newUsers.push {
-          # Fake (unique) identifier needed by Angular.JS
-          id: Math.random()
-
-          # Default permission.
-          permission: 'none'
-        }
-      $scope.addUser()
-
-      # Saves any modifications.
-      $scope.saveUsers = ->
-        {users, newUsers} = $scope
-
-        # This will be the new list of users with those marked to
-        # delete removed.
-        updateUsers = []
-
-        for user in users
-          {id} = user
-          if selected[id]
-            delete selected[id]
-            xoApi.call 'user.delete', {id}
-          else
-            # Only sets the password if not empty.
-            delete user.password unless user.password
-
-            # TODO: only update users which have been modified.
-            xoApi.call 'user.set', user
-
-            # Remove the password from the interface.
-            delete user.password
-
-            updateUsers.push user
-
-        for user in newUsers
-          {email, permission, password} = user
-
-          # Required field.
-          continue unless email
-
-          # Sends the order to XO-Server.
-          xoApi.call 'user.create', {email, permission, password}
-
-          # The password should not be displayed.
-          delete user.password
-
-          # Adds the user to out local list.
-          updateUsers.push user
-
-        $scope.users = updateUsers
-        $scope.newUsers = []
-
-        # TODO: Retrieves an up to date users list from the server.
-
-    # Servers
-    do ->
-      # Fetches them.
-      $scope.servers = []
-      xoApi.call('server.getAll').then (servers) ->
-        $scope.servers = servers
-
-      # Which ones are selected?
-      selected = $scope.selectedServers = {}
-
-      # New servers to create.
-      $scope.newServers = []
-
-      # Add a new server to be created.
-      $scope.addServer = ->
-        $scope.newServers.push {
-          # Fake (unique) identifier needed by Angular.JS
-          id: Math.random()
-        }
-      $scope.addServer()
-
-      # Saves any modifications.
-      $scope.saveServers = ->
-        {servers, newServers} = $scope
-
-        # This will be the new list of servers with those marked to
-        # delete removed.
-        updateServers = []
-
-        for server in servers
-          {id} = server
-          if selected[id]
-            delete selected[id]
-            xoApi.call 'server.remove', {id}
-          else
-            # Only sets the password if not empty.
-            delete server.password unless server.password
-
-            # TODO: only update servers which have been modified.
-            xoApi.call 'server.set', server
-
-            # Remove the password from the interface.
-            delete server.password
-
-            updateServers.push server
-
-        for server in newServers
-          {host, username, password} = server
-
-          # Required field.
-          continue unless host
-
-          # Sends the order to XO-Server.
-          xoApi.call 'server.add', {host, username, password}
-
-          # The password should not be displayed.
-          delete server.password
-
-          # Adds the server to out local list.
-          updateServers.push server
-
-        $scope.servers = updateServers
-        $scope.newServers = []
-
-        # TODO: Retrieves an up to date servers list from the server.

app/scripts/controllers/sr.coffee

@@ -1,64 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'SrCtrl', ($scope, $stateParams, xoApi, xo, modal) ->
-    $scope.$watch(
-      -> xo.revision
-      -> $scope.SR = xo.get $stateParams.id
-    )
-
-    $scope.saveSR = ($data) ->
-      {SR} = $scope
-      {name_label, name_description} = $data
-
-      $data = {
-        id: SR.UUID
-      }
-      if name_label isnt SR.name_label
-        $data.name_label = name_label
-      if name_description isnt SR.name_description
-        $data.name_description = name_description
-
-      xoApi.call 'sr.set', $data
-
-    $scope.deleteVDI = (UUID) ->
-      console.log "Delete VDI #{UUID}"
-
-      modal.confirm({
-        title: 'VDI deletion'
-        message: 'Are you sure you want to delete this VDI? This operation is irreversible.'
-      }).then ->
-        xo.vdi.delete UUID
-
-    $scope.disconnectVBD = (UUID) ->
-      console.log "Disconnect VBD #{UUID}"
-
-      xoApi.call 'vbd.disconnect', {id: UUID}
-
-    $scope.rescanSr = (UUID) ->
-      console.log  "Rescan SR #{UUID}"
-
-      xoApi.call 'sr.scan', {id: UUID}
-
-    $scope.saveVDI = ->
-      #results = []
-      # console.log "save"
-      # console.log $scope.VDI
-      # for result in results
-      #   console.log result
-      #   vdi = $scope.vdi
-      # {VDI} = $scope
-      # {name_label, name_description, size} = $data
-
-      # $data = {
-      #   id: VDI.UUID
-      # }
-      # if size isnt $scope.Size and (size = sizeToBytesFilter size)
-      #   $data.size = size
-      #   $scope.sizeSize = bytesToSizeFilter size
-      # if name_label isnt VDI.name_label
-      #   $data.name_label = name_label
-      # if name_description isnt VDI.name_description
-      #   $data.name_description = name_description
-
-      # xoApi.call 'vdi.set', $data

app/scripts/controllers/vm.coffee

@@ -1,143 +0,0 @@
-'use strict'
-
-angular.module('xoWebApp')
-  .controller 'VmCtrl', (
-    $scope, $stateParams
-    xoApi, xo
-    sizeToBytesFilter, bytesToSizeFilter
-    modal
-    dateFilter
-  ) ->
-    {get} = xo
-    $scope.$watch(
-      -> xo.revision
-      ->
-        VM = $scope.VM = get $stateParams.id
-
-        {byTypes} = xo
-        $scope.hosts = byTypes.host
-
-        return unless VM?
-
-        # For the edition of this VM.
-        $scope.memorySize = bytesToSizeFilter VM.memory.size
-
-        # build VDI list of this VM
-        $scope.VDIs = []
-        for VBD in VM.$VBDs
-          VDI = get (get VBD)?.VDI
-          $scope.VDIs.push VDI if VDI?
-    )
-
-    # AngularUI select2 component settings
-    $scope.select2Options =
-      'multiple': true
-      'simple_tags': true
-      'tags': []
-
-    $scope.startVM = xo.vm.start
-    $scope.stopVM = xo.vm.stop
-    $scope.force_stopVM = (id) -> xo.vm.stop id, true
-    $scope.rebootVM = xo.vm.restart
-    $scope.force_rebootVM = (id) -> xo.vm.restart id, true
-    $scope.migrateVM = xo.vm.migrate
-    $scope.destroyVM = (id) ->
-      modal.confirm({
-        title: 'VM deletion'
-        message: 'Are you sure you want to delete this VM? (including its disks)'
-      }).then ->
-        # FIXME: provides a way to not delete its disks.
-        xo.vm.delete id, true
-
-    $scope.saveSnapshot = (id, $data) ->
-      snapshot = get (id)
-
-      result = {
-        id: snapshot.UUID
-        name_label: $data
-      }
-
-      if $data isnt snapshot.name_label
-        console.log "new name recorded"
-        result.name_label = $data
-
-      xoApi.call 'vm.set', result
-
-    $scope.saveVM = ($data) ->
-      {VM} = $scope
-      {CPUs, memory, name_label, name_description} = $data
-
-      $data = {
-        id: VM.UUID
-      }
-      if memory isnt $scope.memorySize and (memory = sizeToBytesFilter memory)
-        $data.memory = memory
-        $scope.memorySize = bytesToSizeFilter memory
-      if CPUs isnt VM.CPUs.number
-        $data.CPUs = +CPUs
-      if name_label isnt VM.name_label
-        $data.name_label = name_label
-      if name_description isnt VM.name_description
-        $data.name_description = name_description
-
-      xoApi.call 'vm.set', $data
-
-    # VDI
-    selected = $scope.selectedVDIs = {}
-
-    $scope.newVDIs = []
-
-    $scope.addVDI = ->
-      $scope.newVDIs.push {
-        # Fake (unique) identifier needed by Angular.JS
-        id: Math.random()
-      }
-    ## TODO: Use Angular XEditable Row
-
-    $scope.deleteVDI = (UUID) ->
-      modal.confirm({
-        title: 'Disk deletion'
-        message: 'Are you sure you want to delete this disk? This operation is irreversible'
-      }).then ->
-        xoApi.call 'vdi.delete', {id: UUID}
-
-    $scope.disconnectVBD = (UUID) ->
-      console.log "Disconnect VBD #{UUID}"
-
-      xoApi.call 'vbd.disconnect', {id: UUID}
-
-    $scope.snapshotVM = (id, vm_name) ->
-      date = dateFilter Date.now(), 'yyyy-MM-ddTHH:mmZ'
-      snapshot_name = "#{vm_name}_#{date}"
-      console.log "Snapshot #{snapshot_name} from VM #{id}"
-      xo.vm.createSnapshot id, snapshot_name
-
-    $scope.deleteSnapshot = (id) ->
-      console.log "Delete snapshot #{id}"
-      modal.confirm({
-        title: 'Snapshot deletion'
-        message: 'Are you sure you want to delete this snapshot? (including its disks)'
-      }).then ->
-        # FIXME: provides a way to not delete its disks.
-        xo.vm.delete id, true
-
-    $scope.deleteLog = (id) ->
-      console.log "Remove log #{id}"
-      xo.log.delete id
-
-    $scope.revertSnapshot = (id) ->
-      console.log "Revert snapshot to #{id}"
-      modal.confirm({
-        title: 'Revert to snapshot'
-        message: 'Are you sure you want to revert your VM to this snapshot? The VM will be halted and this operation is irreversible'
-      }).then ->
-        xo.vm.revert id
-
-    $scope.osType = (osName) ->
-      switch osName
-        when 'debian','ubuntu','centos','suse','redhat','oracle','gentoo'
-          'linux'
-        when 'windows'
-          'windows'
-        else
-          'other'

app/scripts/directives.coffee

@@ -1,201 +0,0 @@
-angular.module('xoWebApp')
-
-  # This attribute stops the ascendant propagation of a given event.
-  #
-  # The value of this attribute should be the name of the event to
-  # stop.
-  .directive 'stopEvent', ->
-    (_, $element, attrs) ->
-      $element.on attrs.stopEvent, ($event) -> $event.stopPropagation()
-
-  # This attribute works similarly to `ng-click` but do not handle the
-  # event if the clicked element:
-  # - is an `input`;
-  # - has a `ng-click` attribute;
-  # - has a `xo-click` attribute;
-  # - has a `xo-sref` attribute;
-  # - is a link (`a`) and has a `href` attribute.
-  .directive 'xoClick', ($parse) ->
-    ($scope, $element, attrs) ->
-      fn = $parse attrs.xoClick
-      current = $element.get(0)
-      current.addEventListener(
-        'click'
-        (event) ->
-
-          # Browse all parent elements of the element the event
-          # happened to and abort if one of them should handle the
-          # event itself.
-          el = event.target
-          while el isnt current
-            {attributes: attrs, tagName: tag} = el
-
-            return if (
-              tag is 'INPUT' or
-              attrs['ng-click']? or
-              attrs['xo-click']? or
-              attrs['xo-sref']? or
-              (tag is 'A') and attrs.href?
-            )
-
-            el = el.parentNode
-
-          # Stop the propagation.
-          event.stopPropagation()
-
-          # Apply the `xo-click` attribute.
-          $scope.$apply ->
-            fn $scope, {$event: event}
-        true
-      )
-
-  # TODO: create a directive which allows a link on any element.
-
-  # TODO: Mutualize code with `xoClick`.
-  .directive 'xoSref', ($state, $window) ->
-    ($scope, $element, attrs) ->
-      current = $element.get(0)
-      current.addEventListener(
-        'mouseup'
-        (event) ->
-
-          {which: button} = event
-          return unless button is 1 or button is 2
-
-          # Browse all parent elements of the element the event
-          # happened to and abort if one of them should handle the
-          # event itself.
-          el = event.target
-          while el isnt current
-            {attributes: attrs_, tagName: tag} = el
-
-            return if (
-              tag is 'INPUT' or
-              attrs_['ng-click']? or
-              attrs_['xo-click']? or
-              attrs_['xo-sref']? or
-              (tag is 'A') and attrs_.href?
-            )
-
-            el = el.parentNode
-
-          # Stop the propagation.
-          event.stopPropagation()
-
-          # Extracts the state and its parameters for the `xo-sref`
-          # attribute.
-          match = attrs.xoSref.match /^([^(]+)\s*(?:\((.*)\))?$/
-          throw new Error 'invalid SREF' unless match
-          state = match[1]
-          params = if match[2] then $scope.$eval match[2] else {}
-
-           # Ctrl modifier or middle-button.
-          if event.ctrlKey or button is 2
-            url = $state.href state, params
-            $window.open url
-          else
-            $state.go state, params
-        true
-      )
-
-  .directive 'xoVnc', ($window) ->
-    # This helper function parses a URL and returns its components:
-    # protocol, hostname, port, path and query.
-    parseUrl = (url) ->
-      a = $window.document.createElement 'a'
-      a.href = url
-      {protocol, hostname, port, host, pathname, search, hash} = a
-
-      {
-        # Protocol lowercased postfixed with ':'.
-        protocol
-
-        hostname
-        port
-
-        # Same has hostname[:port].
-        host
-
-        # The path excluding the query string.
-        pathname
-
-        # Query string (including '?').
-        search
-
-        # Same has `pathname + search`.
-        path: "#{pathname}#{search}"
-
-        # Fragment (including '#').
-        hash
-      }
-
-    # The directive definition.
-    {
-      restrict: 'E'
-
-      scope: {
-        height: '@?'
-        width: '@?'
-        url: '@'
-        remoteControl: '='
-      }
-
-      replace: true
-      template: '''
-<canvas height="{{height}}" width="{{width}}">
-  Sorry, your browser does not support the canvas element.
-</canvas>
-'''
-
-      link: ($scope, $element, attrs) ->
-        # Default options.
-        $scope.$watch 'height', -> $scope.height ?= 480
-        $scope.$watch 'width', -> $scope.width ?= 640
-
-        rfb = null
-
-        $scope.remoteControl = {
-          sendCtrlAltDel: ->
-            rfb.sendCtrlAltDel() if rfb?
-        }
-
-        # Connects to the specified URL.
-        $scope.$watch 'url', (url) ->
-          # Properly disconnects first if necessary.
-          if rfb?
-            rfb.disconnect()
-            rfb = null
-
-          # If the URL is empty, nothing to do.
-          return unless url
-
-          # Creates the new RFB object.
-          rfb = new $window.RFB {
-            # Options.
-            encrypt: false
-            target: $element[0]
-            wsProtocols: ['chat']
-
-            # Callbacks.
-            onPasswordRequired: (rfb) ->
-              rfb.sendPassword $window.prompt 'Password required:'
-            onUpdateState: (args...) -> console.log args
-          }
-
-          # Parse the URL.
-          url = parseUrl url
-
-          # Connects.
-          rfb.connect(
-            url.hostname
-            80 # Ignores the specified port and always use 80.
-            '' # TODO: comment.
-            url.path.substr 1 # Leading '/' is added by noVNC.
-          )
-
-        # Properly disconnect if the console is closed.
-        $scope.$on '$destroy', ->
-          if rfb?
-            rfb.disconnect()
-            rfb = null
-    }

app/scripts/filters.coffee

@@ -1,102 +0,0 @@
-angular.module('xoWebApp')
-
-  # The bytes filters takes a number and formats it using adapted
-  # units (KB, MB, etc.).
-  .filter 'bytesToSize', ->
-    (bytes, unit, base) ->
-      unit ?= 'B'
-      base ?= 1024
-      powers = ['', 'K', 'M', 'G', 'T', 'P']
-
-      i = 0
-      while bytes >= base
-        bytes /= base
-        ++i
-
-      if bytes is -1
-        "-"
-      else
-        # Maximum 1 decimals.
-        bytes = ((bytes * 10)|0) / 10
-        "#{bytes}#{powers[i]}B"
-
-  .filter 'sizeToBytes', ->
-    regex = ///^
-      (\d+(?:\.\d+)?) # digits ('.' digits)?
-      \s*             # Optional spaces beetween the digits and the unit.
-      ([kmgtp])?      # Optional unit modifier K/M/G/T/P.
-      b?              # Optional unit (“b”), not meaningful.
-    $///i
-    factors = {
-      k: 1024
-      m: 1048576
-      g: 1073741824
-      t: 1099511627776
-      p: 1125899906842624
-    }
-    (size) ->
-      matches = regex.exec size
-
-      # If the input is invalid, just returns null.
-      return null unless matches
-
-      modifier = matches[2]
-      Math.round if modifier and (factor = factors[modifier.toLowerCase()])
-        factor * matches[1]
-      else
-        matches[1]
-
-  # Simply returns the number of elements in the collection.
-  .filter 'count', ->
-    (collection) ->
-      # Array.
-      if angular.isArray collection
-        return collection.length
-
-      # Object.
-      count = 0
-      for key of collection
-        ++count if collection.hasOwnProperty key
-
-      count
-
-  # Resolves links between objects.
-  .filter('resolve', (xo) -> xo.get)
-
-  # Applies a function to a list of items.
-  #
-  # If a string is used instead of a function, it will be used as a
-  # property name to extract from each item.
-  #
-  # Note: This filter behaves nicely if the first argument is not an
-  # array.
-  .filter 'map', ->
-    (items, fn) ->
-      unless angular.isArray items
-        return []
-
-      if angular.isString fn
-        property = fn
-        fn = (item) -> item[property]
-
-      fn item for item in items
-
-  .filter '%', ->
-    (value) ->
-      # If `value` is an array of two values, divide the first by the
-      # second and mutiply by 100.
-      if value.length is 2
-
-        # Special case, if the divider is 0, simply returns "N/A".
-        return 'N/A' if value[1] is 0
-
-        result = 100 * value[0] / value[1]
-        if Number.isNaN result
-          return 'N/A'
-
-        value = result
-
-      # No decimals at most.
-      value = (Math.round value * 1e0) / 1e0
-
-      "#{value}%"

app/scripts/services.coffee

@@ -1,460 +0,0 @@
-angular.module('xoWebApp')
-
-  # Inspired by https://github.com/MathieuTurcotte/node-backoff.
-  #
-  # TODO: Publish in its own module (via npm/bower/UMD).
-  # TODO: Implements randomization in the delay.
-  # TODO: Should backOff() accept a reason?
-  .service 'BackOff', ($timeout) ->
-    strategies = {
-      constant: (mseconds) ->
-        @next = -> mseconds
-        @reset = ->
-      fibonacci: (init = 1)->
-        prev = 0
-        cur  = init
-        @next = ->
-          [prev, cur] = [cur, prev + cur]
-          cur
-        @reset = ->
-          prev = 0
-          cur = init
-      exponential: (base = 2, init) ->
-        current = init ? base
-        @next = ->
-          value = current
-          current *= base
-          value
-        @reset  = ->
-          current = init ? base
-    }
-
-    # TODO: Implements a default strategy in a backOffConfig constant.
-    BackOff = (strategy, args...) ->
-      unless strategy of strategies
-        throw new Error "invalid strategy: #{strategy}"
-
-      strategy = strategies[strategy]
-      strategy.apply (@_strategy = Object.create strategy), args
-
-      @_delay = 0
-      @_maxDelay = null
-      @_tries = 0
-      @_maxTries = null
-      @_timer = null
-
-    # Interfaces to the service, MUST be overloaded.
-    BackOff::onBackOff = BackOff::onFail = BackOff::onReady = ( -> )
-
-    # Sets a limit of tries the service will back off.
-    BackOff::failAfter = (tries) ->
-      @_maxTries = tries
-
-    # Sets a maximum delay to wait.
-    BackOff::waitAtMost = (mseconds) ->
-      @_maxDelay = mseconds
-
-    # Starts the back off.
-    BackOff::backOff = ->
-      throw new Error 'allready backed off' if @_timer
-
-      return @fail() if @_tries is @_maxTries
-
-      @_delay = @_strategy.next()
-      @_delay = @_maxDelay if @_maxDelay < @_delay
-      @_timer = $timeout (=> @_onReady()), @_delay
-
-      @onBackOff @_tries, @_delay
-
-    # Unconditionally fails.
-    BackOff::fail = ->
-      @reset()
-      @onFail()
-
-    # Resets the back off.
-    BackOff::reset = ->
-      @_strategy.reset()
-      @_tries = 0
-
-      if @_timer
-        $timeout.cancel @_timer
-        @_timer = null
-
-    BackOff::_onReady = ->
-      @_timer = null
-      tryNumber = @_tries++
-
-      @onReady tryNumber, @_delay
-
-    # Returns the service.
-    BackOff
-
-  .service 'modal', ($modal) ->
-    {
-      confirm: ({title, message}) ->
-        modal = $modal.open {
-          controller: 'GenericModalCtrl'
-          templateUrl: 'views/generic_modal.html'
-          resolve: {
-            options: -> {
-              title
-              message
-              noButtonLabel: 'Cancel'
-            }
-          }
-        }
-        modal.result
-    }
-
-  .service 'notify', (toaster) ->
-    notifier = (level) ->
-      (options) ->
-        if angular.isString options
-          options = { message: options }
-        else
-          throw new Error 'missing message' unless options.message
-
-        toaster.pop(
-          level
-          options.title ? 'Xen-Orchestra'
-          options.message
-        )
-
-    {
-      warning: notifier 'warning'
-      error: notifier 'error'
-      info: notifier 'info'
-
-      # TODO: It is probably a bad design to have notification for
-      # successful operations.
-      # success: notifier 'success'
-    }
-
-  .service 'xoApi', (
-    $cookieStore
-    $location
-    $rootScope
-
-    $q
-
-    BackOff
-    notify
-  ) ->
-    url = do ->
-      # Note: The path is ignored, the WebSocket must be relative to
-      # root.
-      protocol = if $location.protocol() is 'https' then 'wss:' else 'ws:'
-      host = $location.host()
-      port = $location.port()
-
-      "#{protocol}//#{host}:#{port}/api/"
-
-    # Identifier of the next request.
-    nextId = 0
-
-    # Promises linked to the requests.
-    deferreds = {}
-
-    # When the socket is closed, request are enqueued.
-    queue = []
-
-    # Variable which will contains the webSocket to use.
-    socket = null
-
-    backOff = new BackOff 'fibonacci', 5e3
-    backOff.waitAtMost 900e3 # 15 minutes.
-
-    xoApi = {
-      # Current status which may be:
-      # - disconnected
-      # - connecting
-      # - disconnected
-      status: 'disconnected'
-
-      # Currently logged in user.
-      user: null
-    }
-
-    # Wraps a function to make sure scopes are updated after its
-    # execution.
-    wrap = (fn) ->
-      (args...) ->
-        result = fn.apply this, args
-        $rootScope.$digest()
-        result
-
-    # Function used to send requests when the socket is opened.
-    send = (method, params, deferred) ->
-      id = nextId++
-      socket.send JSON.stringify(
-        jsonrpc: '2.0'
-        id: id
-        method: method
-        params: params or []
-      )
-      deferreds[id] = deferred or $q.defer()
-      deferreds[id].promise
-
-    # Function used to enqueue requests when the socket is closed.
-    enqueue = (method, params) ->
-      deferred = $q.defer()
-      queue.push [method, params, deferred]
-      deferred.promise
-
-    # This variable contains the function which be called (initially
-    # it will points to `enqueue`).
-    call = enqueue
-
-    connect = ->
-      xoApi.status = 'connecting'
-
-      # Creation of the WebSocket.
-      socket = new WebSocket url
-
-      # When the WebSocket opens, send any requests enqueued.
-      socket.addEventListener 'open', wrap ->
-        xoApi.status = 'connected'
-        backOff.reset()
-
-        # If there is a token tries to sign in.
-        if (token = $cookieStore.get 'token')
-          send(
-            'session.signInWithToken'
-            {token}
-          ).then (loggedInUser) ->
-            xoApi.user = loggedInUser
-          .catch ->
-            # The authentication failed, removes the token.
-            $cookieStore.remove 'token'
-
-        # Sends queued requests.
-        send entry... while (entry = queue.shift())?
-
-        # New requests are sent directly.
-        call = send
-
-      socket.addEventListener 'close', -> backOff.backOff()
-
-      # When a message is received, we call the corresponding
-      # deferred (if any).
-      socket.addEventListener 'message', (event) ->
-        response = JSON.parse event.data
-        id = response.id
-        deferred = deferreds[id]
-
-        unless deferred
-          # Response already handled.
-          return
-
-        delete deferreds[id]
-
-        error = response.error
-        unless error is undefined
-          deferred.reject error
-          return
-
-        result = response.result
-        if result is undefined
-          console.error 'invalid message received', response
-          deferred.reject {
-            message: message
-            object: response
-          }
-          return
-
-        deferred.resolve result
-
-    backOff.onBackOff = wrap (tryNumber, delay) ->
-      xoApi.status = 'disconnected'
-      xoApi.user = null
-      call = enqueue
-    backOff.onReady = wrap connect
-
-    connect()
-
-    # Extends the singleton with various methods and returns it.
-    angular.extend xoApi, {
-      call: (method, params) ->
-        call method, params
-
-      logIn: (email, password, persist) ->
-        call(
-          'session.signInWithPassword'
-          {email, password}
-        ).then (loggedInUser) ->
-          xoApi.user = loggedInUser
-
-          if persist
-            call('token.create').then (token) ->
-              $cookieStore.put 'token', token
-        .catch (error) ->
-          notify.warning {
-            title: 'Authentication failed'
-            message: error.message
-          }
-
-      logOut: ->
-        send 'session.signOut' if socket
-        xoApi.user = null
-        $cookieStore.remove 'token'
-    }
-
-  # This service provides access to XO objects.
-  #
-  # Deprecated: use the service `xo` instead.
-  .service 'xoObjects', ($timeout, xoApi) ->
-    byRefs = Object.create null
-    byUUIDs = Object.create null
-    {
-      all
-      byTypes
-    } = xoObjects = {
-      revision: 0
-      all: []
-      byTypes: Object.create null
-
-      get: (key) ->
-        if angular.isArray key
-          item for item in key when (item = byUUIDs[item] ? byRefs[item])
-        else
-          byUUIDs[key] ? byRefs[key]
-    }
-
-    do helper = ->
-      xoApi.call('xo.getAllObjects').then (objects) ->
-        # Empty collections.
-        delete byTypes[key] for key of byTypes
-        byRefs = Object.create null
-        byUUIDs = Object.create null
-
-        all = objects
-        for object in all
-          byUUIDs[object.UUID] = object if object.UUID?
-          byRefs[object.ref] = object if object.ref?
-          (byTypes[object.type] ?= []).push object
-
-        ++xoObjects.revision
-
-        # Fetches objects again after 5 seconds.
-        $timeout helper, 5e3, false
-
-    xoObjects
-
-  .service 'xo', (xoObjects, xoApi, notify) ->
-    action = (name, method, options) ->
-      unless method
-        return ->
-          notify.info {
-            title: name
-            message: 'This feature has not been implemented yet.'
-          }
-
-          # TODO: A (broken) promise should be returned for
-          # consistency.
-
-      {argsMapper, notification} = options ? {}
-
-      argsMapper ?= (id) -> {id}
-
-      (args...) ->
-        xoApi.call(
-          method
-          argsMapper args...
-        ).catch (error) ->
-          unless notification is false
-            code = error?.code
-            message = if code is 2
-              'You don\'t have the permission.'
-            else
-              'The action failed for unknown reason.'
-
-            notify.warning {
-              title: name
-              message
-            }
-
-          console.error error
-
-          # Re-throws the error to make it available in the promise
-          # chain.
-          throw error
-
-    # The interface.
-    xo = {
-      objects: xoObjects.all
-      byTypes: xoObjects.byTypes
-      # revision: xoObjects.revision # Implemented below as a getter.
-
-      get: xoObjects.get
-
-      pool: {
-        disconnect: action 'Disconnect pool'
-        new_sr: action 'New SR' #temp fix before creating SR
-      }
-
-      host: {
-        attach:           action 'Atach host'#, 'host.attach'
-        detach:           action 'Detach host', 'host.detach'
-        restart:          action 'Restart host', 'host.restart'
-        restartToolStack: action 'Restart tool stack', 'host.restart_agent'
-        start:            action 'Start host'#, 'host.start'
-        stop:             action 'Stop host', 'host.stop'
-        new_sr:           action 'New SR' #temp fix before creating SR
-        # TODO: attach/set
-      }
-
-      message: {
-        delete: action, 'Delete message'
-      }
-
-      pbd: {
-        delete: action 'Delete PBD'
-        disconnect: action 'Disconnect PBD'
-      }
-
-      task: {
-        delete: action, 'Delete task'
-      }
-
-      vm: {
-        createSnapshot: action 'Create VM snapshot', 'vm.snapshot', {
-          argsMapper: (id, name) -> {id, name}
-        }
-        delete: action 'Delete VM', 'vm.delete', {
-          argsMapper: (id, delete_disks) -> { id, delete_disks }
-        }
-        ejectCd: action 'Eject disc', 'vm.ejectCd'
-        insertCd: action 'Insert disc', 'vm.insertCd', {
-          argsMapper: (id, cd_id, force = false) -> { id, cd_id, force }
-        }
-        migrate: action 'Migrate VM', 'vm.migrate', {
-          argsMapper: (id, host_id) -> { id, host_id }
-        }
-        restart: action 'Restart VM', 'vm.restart', {
-          argsMapper: (id, force = false) -> { id, force }
-        }
-        start: action 'Start VM', 'vm.start'
-        stop: action 'Stop VM', 'vm.stop', {
-          argsMapper: (id, force = false) -> { id, force }
-        }
-        revert: action 'Revert snapshot', 'vm.revert'
-        # TODO: create/set/pause/suspend
-      }
-
-      vdi: {
-        delete: action 'Delete VDI', 'vdi.delete'
-      }
-
-      log: {
-        delete: action 'Delete Log', 'message.delete'
-      }
-
-    }
-
-    # Adds the revision property.
-    Object.defineProperty xo, 'revision', {
-      get: -> xoObjects.revision
-    }
-
-    # Returns the interface.
-    xo

app/styles/main.sass

@@ -1,317 +0,0 @@
-//////////////////////////////////////////////////////////////////////
-// Bootstrap
-//////////////////////////////////////////////////////////////////////
-
-$icon-font-path: "/bower_components/sass-bootstrap/fonts/"
-
-@import sass-bootstrap/lib/bootstrap
-
-//////////////////////////////////////////////////////////////////////
-// Font-Awesome 4.
-//////////////////////////////////////////////////////////////////////
-
-$fa-font-path: "../bower_components/font-awesome/fonts"
-
-@import font-awesome/scss/font-awesome
-
-//////////////////////////////////////////////////////////////////////
-
-// Style applied to a message for outdated browsers (IE <= 7).
-.browsehappy
-  margin: 0.2em 0
-  background: #ccc
-  color: #000
-  padding: 0.2em 0
-
-// Some links are used throught JavaScript and therefore does not have
-// a `href` attribute, they should nevertheless have a *pointer*
-// cursor.
-// Same for all elements with the "ng-click" attribute.
-a, [ng-click], [xo-click], [xo-sref]
-  cursor: pointer
-
-// TODO: We want all our form inputs to be styled by Bootstrap.
-//input, textarea, select
-//  @extend .form-control
-
-// Click-through notifications.
-#toast-container
-  pointer-events: none
-
-// Force our content to be under the fixed navbar.
-.view-main
-  padding-top: 50px
-
-//////////////////////////////////////////////////////////////////////
-
-// TODO: The styles in this file should be
-// - commented;
-// - converted to SASS;
-// - move into this file.
-@import to-clean
-
-//////////////////////////////////////////////////////////////////////
-// Colors
-//////////////////////////////////////////////////////////////////////
-
-////
-// Power states
-////
-
-.xo-color-running
-  @extend .text-success
-
-.xo-color-halted
-  @extend .text-danger
-
-.xo-color-paused, .xo-color-suspended
-  @extend .text-info
-
-.xo-color-unknown
-  @extend .text-muted
-
-//////////////////////////////////////////////////////////////////////
-// XO icons
-//////////////////////////////////////////////////////////////////////
-
-////
-// Alerts
-////
-
-.xo-icon-info
-  @extend .fa, .fa-exclamation-circle, .text-muted
-
-.xo-icon-warning
-  @extend .fa, .fa-exclamation-circle, .text-warning
-
-.xo-icon-error
-  @extend .fa, .fa-exclamation-circle, .text-danger
-
-////
-// Objects
-////
-
-.xo-icon-console
-  @extend .fa, .fa-terminal
-
-.xo-icon-pool
-  @extend .fa, .fa-cloud
-
-.xo-icon-host
-  @extend .fa, .fa-th-large
-
-.xo-icon-vm
-  @extend .fa, .fa-desktop
-
-.xo-icon-memory
-  @extend .fa, .fa-tasks
-
-.xo-icon-cpu
-  @extend .fa, .fa-dashboard
-
-.xo-icon-network
-  @extend .fa, .fa-sitemap
-
-.xo-icon-sr
-  @extend .fa, .fa-hdd-o
-
-.xo-icon-snapshot
-  @extend .fa, .fa-camera
-
-////
-// Power states
-////
-
-.xo-icon-running
-  @extend .fa, .fa-circle, .xo-color-running
-
-.xo-icon-halted
-  @extend .fa, .fa-circle, .xo-color-halted
-
-.xo-icon-suspended
-  @extend .fa, .fa-circle, .xo-color-paused
-
-.xo-icon-paused
-  @extend .fa, .fa-circle, .xo-color-paused
-
-.xo-icon-unknown
-  @extend .fa, .fa-circle, .xo-color-unknown
-
-// if current operation
-.xo-icon-working
-  @extend .fa, .fa-circle, .text-warning
-
-////
-// Others.
-////
-
-.xo-icon-cpu-low
-  @extend .xo-icon-cpu, .text-success
-
-.xo-icon-cpu-medium
-  @extend .xo-icon-cpu, .text-warning
-
-.xo-icon-cpu-high
-  @extend .xo-icon-cpu, .text-danger
-
-////
-// Guest OS
-////
-
-.xo-icon-linux
-  @extend .fa, .fa-linux
-  color: #666
-
-.xo-icon-windows
-  @extend .fa, .fa-windows
-  color: #666
-
-.xo-icon-other
-  @extend .fa, .fa-question-circle
-  color: #666
-
-//////////////////////////////////////////////////////////////////////
-// Navbar
-//////////////////////////////////////////////////////////////////////
-
-// The login form
-.login-form
-  padding: 1em
-  width: 20em
-
-  // small space between fields
-  .input-group
-    margin: .2em
-
-  // adapt button for the global theme (dark/blue/grey)
-  .input-group-addon
-    background-color: #3a87ad
-    color: #f8f8f8
-    border: 0
-
-  button
-    margin-top: 1em
-
-  // adapt form for the global theme
-  .form-control
-    background-color: #666
-    color: #f8f8f8
-    border: 0
-
-// background dark for the whole form
-.login-form-dark
-  @extend .login-form
-  background-color: #2e3133
-
-
-//////////////////////////////////////////////////////////////////////
-// Main view
-//////////////////////////////////////////////////////////////////////
-
-// FIXME: Class names are too generic and styles might be applied to
-// other views as well, all styles should be namespaced (e.g.
-// `.view-main`).
-
-// Notice messages in place of the VMs list in the main page.
-.vms-notice
-  @extend .text-center, .text-muted
-  font-size: 1.5em
-
-  flex: 1
-  align-self: center
-  justify-content: center
-
-.quick-buttons
-  display: inline
-  float: right
-  opacity: 0
-
-  a
-    color: #666
-    margin: 0 .3em
-    text-decoration: none
-
-    &:hover
-      color: #000
-// Quick actions buttons are only visible when over their row.
-tr:hover .quick-buttons
-  opacity: 1
-
-// remove icon/button in last row on a table
-.quick-remove
-  display: inline
-  float: right
-  opacity: 0
-
-  a
-    color: #666
-    text-decoration: none
-
-    &:hover
-      color: #000
-
-// remove only visible when over its row
-tr:hover .quick-remove
-  opacity: 1
-
-// edit icon/button in a panel title
-.quick-edit
-  display: inline
-  float: right
-  opacity: 1
-  color: #666
-
-  &:hover
-    color: #000
-
-// Substats (less important host stats)
-.substats
-  opacity: 0
-
-// Substat displayed on hover
-div.host-cell:hover .substats
-  opacity: 1
-
-// Default SRs (where a new VM will be created).
-.default-sr
-  @extend .text-primary
-  font-weight: bold
-
-// Prevents a host name from overflowing outside its box.
-.host-cell, .pool-cell
-  & div
-    position: relative
-.host-name, .pool-name
-  display: inline-block
-  white-space: nowrap
-  text-overflow: ellipsis
-  max-width: 80%
-  overflow: hidden
-
-//////////////////////////////////////////////////////////////////////
-// Pool view
-//////////////////////////////////////////////////////////////////////
-
-// Allow progress bar in small spaces, like tables
-.progress-condensed
-  @extend .progress
-  margin-bottom: 0
-
-
-//////////////////////////////////////////////////////////////////////
-// Host view
-//////////////////////////////////////////////////////////////////////
-
-// Memory progress bar stacked for host
-.progress-bar-host
-  @extend .progress-bar
-  border-right: 1px solid white
-
-// Memory progress bar stacked for VM
-.progress-bar-vm
-  @extend .progress-bar-success
-  border-right: 1px solid white
-
-// Hover color for progress bar
-.progress-bar:hover
-  background-color: #e25440

app/styles/to-clean.scss

@@ -1,225 +0,0 @@
-/* Brand color */
-.navbar-brand {color: #bf0000;}
-
-input.form-control.inverse {background-color: #666; color: #f8f8f8; border: 0px;}
-
-/* Search bar */
-.popover { width: 200px; }
-/* search button in main bar */
-/* WARNING: hack because of strange Chrome behavior! Remove static height ASAP */
-.btn-search {background-color: #3a87ad; color: #f8f8f8; height: 34px;}
-.btn-search:hover {background-color: #1d4457; color: #f8f8f8;}
-
-html {
-  background-color: #edece4;
-  /* Possibility to get a wallpaper for the background: see later in admin maybe, for the lulz */
-  /*background: url(bg.jpg) no-repeat center center fixed;
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;*/
-}
-
-body {
-  background-color: transparent;
-}
-
-.navbar-under { background-color: #f8f8f8;}
-
-
-td.vcenter {
-    vertical-align: middle;
-}
-input[type="checkbox"]{
-  padding-top: 0px;
-  line-height: normal;
-}
-
-input.inverse {margin: 0;}
-/* progress bar */
-.progress-small {
-
-    height: 0.6em;
-    width: 4em;
-    display: inline-block;
-    float: center;
-    margin: 3px;
-}
-
-// FIXME: What is it?
-//.i-progress { float: center;  margin-right: 0em;}
-
-.pool-block { margin-left: 1em; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0;}
-.pool-cell { margin-bottom: 0.5em; margin-left: 2em; margin-right: 1em; min-height: 6em; max-width: 190px; background-color: white; }
-/* row for all hosts/vms in a pool */
-.hosts-vms-cells { min-height: 6em; margin-right: -0.5em; }
-/* individual host element */
-.host-cell { max-width: 156px; background-color: white; margin-bottom: 0.5em;}
-/* pool size mini : 195 px ; host : 161 px; */
-.vm-cell {
-  margin-left: 0.5em;
-  margin-bottom: 0.5em;
-  background-color: white;
-  /* allow empty space */
-  /*align-self: flex-start;*/
-}
-.grey {color: #666; font-size: 0.9em;}
-
-/* drodown head link for pools/hosts */
-.dropdown-pool { border-bottom: 1px solid #edece4; text-align: center;}
-.dropdown-pool a {
-  text-decoration: none;
-  color: #333;
-}
-.pool-name {font-size: 1.8em;}
-.host-name {font-size: 20px;}
-.big-caret {font-size: 1.4em;}
-
-/* for dropdown menu not centered */
-.dropdown-menu {background-color: white;}
-.left {text-align: left;}
-
-/* VM TABLE */
-/* grab zone on VM table, for drag and drop */
-td.grab {padding: 0 !important; margin: 0 !important; width: 6px !important; cursor: move;}
-
-tr:hover .grab {background: url("../images/grip.png") no-repeat scroll 1px 50% transparent !important}
-
- table { table-layout: fixed; }
- table th, table td { overflow: hidden; }
-
-td.vm-power-state {width: 20px; text-align: center;}
-
-td.select-vm {width: 1.5em; height: 20px;}
-
-td.vm-memory-stat {text-align: right;}
-
-
-
-/* the main bar */
-.navbar-inverse
-{
-  background-color: #242628;
-  border-color: #2e3133;
-  //font-variant:small-caps;
-}
-.fa {font-variant: normal;}
-/* the big subbar */
- .sub-bar
- {
-    height:50px;
-    top:50px;
-    position: fixed;
-    background:#242628;
-    border-bottom:1px solid #2e3133;
-    width:100%;
-    margin:0px auto;
-    z-index: 1020;
-}
-
-
-
-/* Black theme: inversed colors for drop down menus */
-a.dropdown-toggle.inverse:hover {background-color:#2e3133 !important;}
-a.dropdown-toggle.inverse:active {background-color:#2e3133 !important;}
-a.dropdown-toggle.inverse:focus {background-color:#2e3133 !important;}
-ul.inverse {background:#2e3133;}
-ul.inverse a {color:#f8f8f8;}
-ul.inverse a:hover {background-color:#242628; color: #f8f8f8 ;}
-ul.inverse li.divider {background-color:#222;}
-
-
-/* Inversed (black) buttons */
-button.btn.navbar-btn.btn-default.inversed {background-color:#444; border-color: #222; color: #999999;}
-a.btn.navbar-btn.btn-default.dropdown-toggle.inversed {background-color:#444; border-color: #222; color: #999999; margin-left: 0.5em;}
-
- /* change caret color for inversed button */
-.grey-caret {border-top-color: #999999 !important; border-bottom-color: #999999 !important;}
-
-/* stats bar */
-.overview { padding: 1em; color: #a6a6a6 ; max-width: 346px;}
-.overview i {font-weight: normal;}
-.small {font-size: 10pt; font-style: normal;}
-
-/* stats pool and host */
-.stats {text-align: center; margin-top: 1em; margin-bottom: 0.4em; padding-bottom: 0.4em; }
-.stats a {text-decoration: none; color: #a6a6a6; margin-right: 0.6em;}
-.stats a:hover {text-decoration: none; color: #333;}
-.sr-name {font-size: 10pt;}
-/* "actionbar" which is select and buttons when one or more VM selected */
-.before-action-bar { margin-left: 1em;}
-.action-bar {display: inline;}
-
-/* SR table (in host and pool) */
-.no-border {border-top: 0px !important;}
-/* vm name in table */
-.vm {display: inline; font-size: 10.5pt; margin: 0;}
-.no-vm {font-size: 1.5em; margin-top: 1.8em; color: #999;}
-.vm-cell table {margin: 0;}
-.vm-cell td {border-bottom: 1px solid #edece4 !important;; border-top: 0px !important;}
-/* ip display */
-
-.cpu {display: inline;}
-.cpu a {text-decoration: none; color: #a6a6a6; margin-left: 0.9em;}
-.cpu a:hover {text-decoration: none; color: #333;}
-
-/* tooltip hack to avoid be hidden by other elements */
-/*
-.tooltip {
-    position: fixed;
-}
-*/
-
-/* useful global class */
-.center {text-align: center;}
-.right {text-align: right;}
-.small-caps {font-variant:small-caps;}
-.big {font-size: 2em;}
-
-
-/* flex */
-.grid {
-  display: flex;
-}
-
-.grid-cell {
-  flex: 1;
-  border-radius: 3px 3px 3px 3px;
-}
-/* stats name in a grid cell */
-.stat-name {margin-top: 1em; text-align: center; font-variant: small-caps;}
-
-/* flat view */
-.flat-cell {border-radius: 0px; margin-left: 1em; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em;}
-.flat-cell-name {max-width: 150px; min-width: 150px; font-weight: bold;}
-.flat-cell-description {max-width: 250px; min-width: 250px;}
-.flat-cell-type {max-width: 40px; font-size: 2em; text-align: center; margin: auto; margin-left: 0.5em;}
-.flat-cell-tag {font-size: 11pt; margin: auto; min-height: 2.5em; padding-top: 0.4em; padding-left: 1em; opacity: 0.8;}
-
-.flat-object {margin: 0.5em; background-color: #fff; border-radius: 3px 3px 3px 3px; margin-top: 0.5em; margin-bottom: 0.5em;}
-.flat-object:hover {background-color: #f8f8f8;}
-.flat-panel {background-color: white; margin: 0.5em; border-radius: 3px 3px 3px 3px; padding-left: 0.5em; padding-right: 0.5em;}
-
-.page-title {text-align: center; font-size: 2em; margin: 0;}
-.flat-panel-title {border-bottom: 1px solid #edece4; text-align: center; font-size: 1.5em;}
-
-
-.grid-button {
-  margin-left: 1em;
-  margin-right: 1em;
-  margin-bottom: 0.5em;
-  padding: 0.5em;
-  background-color: #efefef;
-}
-
-.grid-button:hover {
-  background-color: #e25440;
-}
-
-/* With gutters */
-.grid--gutters {
-  margin-left: -0.5em;
-}
-.grid--gutters > .grid-cell {
-  padding-left: 0.5em;
-}

app/views/about.html

@@ -1,32 +0,0 @@
-<!-- TODO: lots of stuff. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title">About Xen Orchestra</p>
-  </div>
-</div>
-<div class="grid">
-  <!-- Vates -->
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-lightbulb-o" style="color: #e25440;"></i> Vates</p>
-    <p class="text-center">We are the team behind Xen Orchestra, we are Vates! We create Open Source products and we offer commercial support for Xen and Xen Orchestra. Want to know more about us? Go to our website!
-    </p>
-    <p class="text-center"><img src="images/arrow.png"></p><br/>
-    <p class="text-center"><a class="btn btn-success" href="https://vates.fr"><i class="fa fa-hand-o-right"></i> Our website</a></p>
-  </div>
-
-  <!-- Open Source -->
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-thumbs-up" style="color: #e25440;"></i> Open Source</p>
-    <p class="text-center">This project is Open Source (AGPL), everyone is welcome aboard! You want a specific feature in XO? Report a bug? Go to our project website, read the FAQ and get involved in the project!</p>
-    <p class="text-center"><img src="images/opensource.png"></p><br/>
-    <p class="text-center"><a class="btn btn-info" href="https://xen-orchestra.com"><i class="fa fa-flask"></i> Projet website</a></p>
-  </div>
-
-  <!-- Pro support -->
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-truck" style="color: #e25440;"></i> Pro Support Delivered</p>
-    <p class="text-center">Our XO Appliance can be delivered with professional support: stay relaxed, we got your back! You can also have assitance for deploying or upgrade your virtualized infrastructure through our deep understanding of Xen.</p>
-    <p class="text-center"><img src="images/support.png"></p>
-    <p class="text-center"><a class="btn btn-primary" href="https://xen-orchestra.com/services/"><i class="fa fa-envelope"></i> Get services</a></p>
-  </div>
-</div>

app/views/console.html

@@ -1,47 +0,0 @@
-<!-- TODO: lots of stuff. -->
-<div class="row">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="xo-icon-console xo-color-{{vm.power_state | lowercase}}"></i> {{VM.name_label}}</p>
-  </div>
-</div>
-
-<!-- ISO selector and CtrlAltSuppr button -->
-<div class="row flat-panel">
-  <div class="col-md-5">
-    <select
-      class="form-control"
-      ng-model="mountedIso"
-      ng-change="insert(mountedIso)"
-      ng-options="VDI.UUID as VDI.name_label group by (VDI.$SR | resolve).name_label for VDI in VDIs | orderBy:natural('name_label')"
-    ></select>
-  </div>
-  <div class="col-md-1">
-    <button
-      class="btn btn-default"
-      ng-click="eject()"
-      ng-disabled="!mountedIso"
-    >
-      <i class="fa fa-eject"></i>
-    </button>
-  </div>
-  <div class="col-md-6 text-right">
-    <button
-      class="btn btn-default"
-      ng-click="vncRemote.sendCtrlAltDel()"
-    >
-      <i class="fa fa-keyboard-o"></i> Ctrl+Alt+Del
-    </button>
-  </div>
-</div>
-
-<!-- NoVNC panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <xo-vnc
-      url="{{consoleUrl}}"
-      remote-control="vncRemote"
-    >
-    </xo-vnc>
-    <br/>
-  </div>
-</div>

app/views/delete_vms.html

@@ -1,41 +0,0 @@
-<form ng-submit="delete()">
-  <div class="modal-header">
-    <h3>VMs deletion</h3>
-  </div>
-  <div class="modal-body">
-    <p>
-      You are going to delete the following VMs, this is a <strong>dangerous
-      action</strong>!
-    </p>
-
-    <table class="table">
-      <tr>
-        <th class="col-sm-3">Name</th>
-        <th class="col-sm-6">Description</th>
-        <th class="col-sm-3">Delete disks?</th>
-      </tr>
-      <tbody>
-        <tr ng-repeat="VM in VMs | orderBy:natural('name_label') track by VM.UUID">
-          <td>{{VM.name_label}}</td>
-          <td>{{VM.name_description}}</td>
-          <td><input type="checkbox" ng-model="disks[VM.UUID]"></td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  <div class="modal-footer">
-    <button
-      type="submit"
-      class="btn btn-primary"
-    >
-      Delete
-    </button>
-    <button
-      type="button"
-      class="btn btn-warning"
-      ng-click="$dismiss()"
-    >
-      Cancel
-    </button>
-  </div>
-</form>

app/views/generic_modal.html

@@ -1,23 +0,0 @@
-<div class="modal-header">
-  <h3><i class="fa fa-exclamation-triangle text-danger"></i> {{title}}</h3>
-</div>
-<div class="modal-body">
-  {{message}}
-</div>
-<div class="modal-footer">
-  <button
-    type="button"
-    class="btn btn-primary"
-    ng-click="$close()"
-  >
-    {{yesButtonLabel}}
-  </button>
-  <button
-    ng-if="noButtonLabel"
-    type="button"
-    class="btn btn-warning"
-    ng-click="$dismiss()"
-  >
-    {{noButtonLabel}}
-  </button>
-</div>

app/views/host.html

@@ -1,400 +0,0 @@
-<!-- TODO: lots of stuff. -->
-
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title">
-      <i class="xo-icon-host xo-color-{{host.power_state | lowercase}}"></i>
-      {{host.name_label}}
-      <small ng-if="pool.name_label">
-        (<a ui-sref="pools_view({id: pool.UUID})">{{pool.name_label}}</a>)
-      </small>
-    </p>
-  </div>
-</div>
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-cogs" style="color: #e25440;"></i> General
-      <span class="quick-edit" tooltip="Edit General settings" ng-click="hostSettings.$show()">
-        <i class="fa fa-edit fa-fw"></i>
-      </span>
-    </p>
-    <div class="general-properties">
-      <form editable-form name="hostSettings" onbeforesave="saveHost($data)">
-        <dl class="dl-horizontal">
-          <dt>Name</dt>
-            <dd>
-              <span editable-text="host.name_label" e-name="name_label" e-form="hostSettings">
-                {{host.name_label}}
-              </span>
-            </dd>
-          <dt>Description</dt>
-            <dd>
-              <span editable-text="host.name_description" e-name="name_description" e-form="hostSettings">
-                {{host.name_description}}
-              </span>
-            </dd>
-          <dt>Enabled</dt>
-            <dd>
-              <span editable-checkbox="host.enabled" e-name="enabled" e-form="hostSettings">
-                {{host.enabled}}
-              </span>
-            </dd>
-          <dt>Tags</dt>
-            <dd ng-if="host.tags.length">
-              <span ng-repeat="tag in host.tags">
-                <span class="label label-primary">{{tag}}</span>
-              </span>
-            </dd>
-            <dd ng-if="!host.tags.length">
-              <em>No tags.</em>
-            </dd>
-          <dt>CPUs</dt>
-            <dd>{{host.CPUs["cpu_count"]}}x {{host.CPUs["modelname"]}}</dd>
-          <dt>Hostname</dt>
-            <dd>
-              {{host.hostname}}
-            </dd>
-          <dt>UUID</dt>
-            <dd>{{host.UUID}}</dd>
-          <dt>iQN</dt>
-            <dd>{{host.iSCSI_name}}</dd>
-        </dl>
-        <div class="btn-form" ng-show="hostSettings.$visible">
-          <p class="center">
-            <button type="button" ng-disabled="hostSettings.$waiting" ng-click="hostSettings.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-            <button type="submit" ng-disabled="hostSettings.$waiting" class="btn btn-primary">
-              <i class="fa fa-save"></i> Save
-            </button>
-          </p>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
-    <div class="grid">
-      <div class="grid-cell">
-        <p class="stat-name">vCPUs/CPU usage:</p>
-        <p class="center big">{{host.$vCPUs}}/{{host.CPUs["cpu_count"]}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">RAM used:</p>
-        <p class="center big">{{[host.memory.usage, host.memory.size] | %}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">Running VMs:</p>
-        <p class="center big">{{host.VMs.length}}</p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Action panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-flash" style="color: #e25440;"></i> Actions</p>
-    <div class="grid-cell text-center">
-      <div class="grid">
-        <div class="grid-cell btn-group">
-          <button tooltip="Add SR" type="button" style="width: 90%" class="btn" xo-click="new_sr()">
-            <i class="xo-icon-sr fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Add VM" type="button" style="width: 90%" class="btn" xo-sref="VMs_new({container: host.UUID})">
-            <i class="xo-icon-vm fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Reboot host" type="button" style="width: 90%" class="btn" xo-click="rebootHost(host.UUID)">
-            <i class="fa fa-refresh fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Shutdown host" type="button" style="width: 90%" class="btn" xo-click="shutdownHost(host.UUID)">
-            <i class="fa fa-power-off fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Restart toolstack" type="button" style="width: 90%" class="btn" xo-click="restartToolStack(host.UUID)">
-            <i class="fa fa-retweet fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group" ng-if="pool.name_label">
-          <button tooltip="Remove from pool" style="width: 90%" type="button" class="btn" xo-click="pool_removeHost(host.UUID)">
-            <i class="fa fa-cloud-upload fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group" ng-if="!pool.name_label">
-          <button tooltip="Add to pool" style="width: 90%" type="button" class="btn" xo-click="pool_addHost(host.UUID)">
-            <i class="fa fa-cloud-download fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group" style="margin-bottom: 0.5em">
-          <button
-            tooltip="Host console"
-            type="button"
-            style="width: 90%"
-            class="btn"
-            ng-repeat="controller in [host.controller] | resolve track by controller.UUID"
-            xo-sref="consoles_view({id: controller.UUID})">
-            <i class="xo-icon-console fa-2x fa-fw"></i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- TODO: Memory panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title">
-      <i class="xo-icon-memory" style="color: #e25440;"></i> Memory
-    </p>
-    <div class="progress">
-      <div
-        ng-repeat="controller in [host.controller] | resolve track by controller.UUID"
-        class="progress-bar-host"
-        role="progressbar"
-        aria-valuemin="0"
-        aria-valuenow="{{controller.memory.size}}"
-        aria-valuemax="{{host.memory.size}}"
-        style="width: {{[controller.memory.size, host.memory.size] | %}}"
-        tooltip="{{host.name_label}}: {{[controller.memory.size, host.memory.size] | %}}"
-      >
-        <small>{{host.name_label}}</small>
-      </div>
-      <div
-        ng-repeat="VM in host.VMs | resolve | orderBy:natural('name_label') track by VM.UUID"
-        class="progress-bar progress-bar-vm"
-        role="progressbar"
-        aria-valuemin="0"
-        aria-valuenow="{{VM.memory.size}}"
-        aria-valuemax="{{host.memory.size}}"
-        style="width: {{[VM.memory.size, host.memory.size] | %}}"
-        xo-sref="VMs_view({id: VM.UUID})"
-        tooltip="{{VM.name_label}}: {{[VM.memory.size, host.memory.size] | %}}"
-      >
-        <small>{{VM.name_label}}</small>
-      </div>
-    </div>
-    <ul class="list-inline text-center">
-      <li>Total: {{host.memory.size | bytesToSize}}</li>
-      <li>Currently used: {{host.memory.usage | bytesToSize}}</li>
-      <li>Available: {{host.memory.size-host.memory.usage | bytesToSize}}</li>
-    </ul>
-  </div>
-</div>
-
-<!-- SR panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="hostSRs" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="xo-icon-sr" style="color: #e25440;"></i> Storage
-        <span class="quick-edit" tooltip="Edit storage" ng-click="hostSRs.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <tr>
-          <th>Name</th>
-          <th>Format</th>
-          <th>Size</th>
-          <th>Physical/Allocated usage</th>
-          <th>Type</th>
-          <th>Status</th>
-        </tr>
-        <!-- TODO: display PBD status for each SR of this host (connected or not) -->
-        <!-- Shared SR -->
-        <tr
-          xo-sref="SRs_view({id: SR.UUID})"
-          ng-repeat="SR in pool.SRs | resolve | orderBy:natural('name_label') track by SR.UUID"
-          ng-init="PBD = SRsToPBDs[SR.ref]"
-        >
-          <td>
-            {{SR.name_label}}
-          </td>
-          <td>{{SR.SR_type}}</td>
-          <td>{{SR.size | bytesToSize}}</td>
-          <td>
-            <div class="progress-condensed">
-              <div
-                class="progress-bar"
-                role="progressbar"
-                aria-valuemin="0"
-                aria-valuenow="{{SR.usage}}"
-                aria-valuemax="{{SR.size}}"
-                style="width: {{[SR.physical_usage, SR.size] | %}}"
-                tooltip="Physical usage: {{[SR.physical_usage, SR.size] | %}}"
-              ></div>
-              <div
-                class="progress-bar progress-bar-info"
-                role="progressbar"
-                aria-valuemin="0"
-                aria-valuenow="{{SR.physical_usage}}"
-                aria-valuemax="{{SR.size}}"
-                style="width: {{[(SR.usage-SR.physical_usage), SR.size] | %}}"
-                tooltip="Allocated: {{[(SR.usage), SR.size] | %}}"
-              ></div>
-            </div>
-          </td>
-          <td><span class="label label-primary">Shared</span></td>
-          <td ng-if="PBD.attached">
-            <span class="label label-success">Connected</span>
-            <button type="button" ng-show="hostSRs.$visible" ng-click="disconnectSR(SR.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Disconnect this SR"><i class="fa fa-unlink fa-lg"></i></button>
-          </td>
-          <td ng-if="!PBD.attached">
-            <span class="label label-default">Disconnected</span>
-            <button type="button" ng-show="hostSRs.$visible" ng-click="removeSR(SR.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Remove this SR"><i class="fa fa-trash-o fa-lg"></i></button>
-          </td>
-        </tr>
-        <!-- Local SR -->
-        <!-- TODO: migrate to SRs and not PBDs when implemented in xo-server spec -->
-        <tr
-          xo-sref="SRs_view({id: SR.UUID})"
-          ng-repeat="SR in host.SRs | resolve | orderBy:natural('name_label') track by SR.UUID"
-          ng-init="PBD = SRsToPBDs[SR.ref]"
-        >
-          <td>
-            {{SR.name_label}}
-          </td>
-          <td>{{SR.SR_type}}</td>
-          <td>{{SR.size | bytesToSize}}</td>
-          <td>
-            <div class="progress-condensed">
-              <div
-                class="progress-bar"
-                role="progressbar"
-                aria-valuemin="0"
-                aria-valuenow="{{SR.usage}}"
-                aria-valuemax="{{SR.size}}"
-                style="width: {{[SR.physical_usage, SR.size] | %}}"
-                tooltip="Physical usage: {{[SR.physical_usage, SR.size] | %}}"
-              ></div>
-              <div
-                class="progress-bar progress-bar-info"
-                role="progressbar"
-                aria-valuemin="0"
-                aria-valuenow="{{SR.physical_usage}}"
-                aria-valuemax="{{SR.size}}"
-                style="width: {{[(SR.usage-SR.physical_usage), SR.size] | %}}"
-                tooltip="Allocated: {{[(SR.usage), SR.size] | %}}"
-              ></div>
-            </div>
-          </td>
-          <td><span class="label label-info">Local</span></td>
-          <td ng-if="PBD.attached">
-            <span class="label label-success">Connected</span>
-            <button type="button" ng-show="hostSRs.$visible" ng-click="disconnectSR(SR.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Disconnect this SR"><i class="fa fa-unlink fa-lg"></i></button>
-          </td>
-          <td ng-if="!PBD.attached">
-            <span class="label label-default">Disabled</span>
-            <button type="button" ng-show="hostSRs.$visible" ng-click="removeSR(SR.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Remove this SR"><i class="fa fa-trash-o fa-lg"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="hostSRs.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="hostSRs.$waiting" ng-click="hostSRs.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="button" ng-disabled="hostSRs.$waiting" ng-click="saveChanges()" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-        </p>
-      </div>
-    </form>
-  </div>
-</div>
-
-<!-- Interfaces panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="hostNetwork" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="xo-icon-network" style="color: #e25440;"></i> Interfaces
-        <span class="quick-edit" tooltip="Edit network" ng-click="hostNetwork.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <th class="col-md-1">Device</th>
-        <th class="col-md-1">Address</th>
-        <th class="col-md-2">MAC</th>
-        <th class="col-md-1">MTU</th>
-        <th class="col-md-1">Link status</th>
-        <tr ng-repeat="PIF in host.$PIFs | resolve | orderBy:natural('name_label') track by PIF.UUID">
-          <td>{{PIF.device}}<span ng-if="PIF.vlan > -1">.{{PIF.vlan}}</span> <span ng-if="PIF.management" class="label label-primary">XAPI</span></td>
-          <td>{{PIF.IP}} ({{PIF.mode}})</td>
-          <td>{{PIF.MAC}}</td>
-          <td>
-            <span editable-text="PIF.MTU" e-name="mtu" e-form="hostNetwork" e-required>
-              {{PIF.MTU}}
-            </span>
-          </td>
-          <td ng-if="PIF.attached">
-            <span class="label label-success">Connected</span>
-            <button type="button" ng-show="hostNetwork.$visible" ng-click="disconnectSR(Network.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Disconnect this Network"><i class="fa fa-unlink fa-lg"></i></button>
-          </td>
-          <td ng-if="!PIF.attached">
-            <span class="label label-default">Disconnected</span>
-            <button type="button" ng-show="hostNetwork.$visible" ng-click="removeNetwork(Network.ref)" class="btn btn-sm btn-danger pull-right" tooltip="Remove this Network"><i class="fa fa-trash-o fa-lg"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="hostNetwork.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="hostNetwork.$waiting" ng-click="hostNetwork.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="button" ng-disabled="hostNetwork.$waiting" ng-click="saveChanges()" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-        </p>
-      </div>
-    </div>
-  </form>
-</div>
-
-<!-- CPU and Logs panels -->
-<div class="grid">
-  <!-- Task panel -->
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-tasks" style="color: #e25440;"></i> Pending tasks</p>
-    <p class="center" ng-if="!host.tasks.length">No recent tasks</p>
-    <table class="table table-hover" ng-if="host.tasks.length">
-      <th class="col-md-4">Date</th>
-      <th class="col-md-8">Name</th>
-      <!-- TODO: working reverse order, from recent to oldest -->
-      <tr ng-repeat="task in host.tasks | resolve | orderBy:'created':true track by task.UUID">
-        <td>{{task.created}}</td>
-        <td>
-          {{task.name_label}}
-          <a class="quick-remove" xo-click="removeTask(task.UUID)">
-            <i class="fa fa-trash-o fa-fw"></i>
-          </a>
-        </td>
-      </tr>
-    </table>
-  </div>
-  <!-- Logs panel -->
-  <div class="grid-cell flat-panel">
-    <form editable-form name="hostLogs" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="fa fa-comments" style="color: #e25440;"></i> Logs
-        <span class="quick-edit" tooltip="Edit logs" ng-click="hostLogs.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <p class="center" ng-if="!host.messages.length">No recent logs</p>
-      <table class="table table-hover" ng-if="host.messages.length">
-        <th>Date</th>
-        <th>Name</th>
-        <tr ng-repeat="message in host.messages | resolve | orderBy:'-time' track by message.UUID">
-          <td>{{message.time*1e3 | date:'medium'}}</td>
-          <td>
-            {{message.name}}
-            <button type="button" ng-show="hostLogs.$visible" ng-click="deleteLog(message.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-trash-o fa-lg" tooltip="Remove this log entry"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="hostLogs.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="hostLogs.$waiting" ng-click="hostLogs.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-        </p>
-      </div>
-    </form>
-  </div>
-
-</div>

app/views/list.html

@@ -1,268 +0,0 @@
-<!-- TODO: print a message when no entries. -->
-
-<!-- If it's a (named) pool. -->
-<div
-  ng-repeat="pool in byTypes.pool | filter:listFilter | orderBy:natural('name_label') track by pool.UUID"
-  ng-if="pool.name_label"
-  class="grid flat-object"
-  xo-sref="pools_view({id: pool.UUID})"
->
-
-  <!-- Icon. -->
-  <div class="grid-cell flat-cell flat-cell-type">
-    <i class="xo-icon-pool"></i>
-  </div>
-
-  <!-- Properties & tags. -->
-  <div class="grid-cell">
-
-    <!-- Properties. -->
-    <div class="grid">
-      <div class="grid-cell">
-        <div class="grid">
-          <div class="grid-cell flat-cell flat-cell-name">
-            {{pool.name_label}}
-          </div>
-          <div class="grid-cell flat-cell flat-cell-description">
-            <i>{{pool.name_description}}</i>
-          </div>
-          <div class="grid-cell flat-cell" ng-init="default_SR = (pool.default_SR | resolve)">
-            <div ng-if="default_SR">
-              Default SR: <a ui-sref="SRs_view({id: default_SR.UUID})">{{default_SR.name_label}}</a>
-            </div>
-            <div ng-if="!default_SR">
-              <em>No default SR.</em>
-            </div>
-          </div>
-          <div class="grid-cell flat-cell" ng-init="master = (pool.master | resolve)">
-            <div ng-if="master">
-              Master: <a ui-sref="hosts_view({id: master.UUID})">{{master.name_label}}</a>
-            </div>
-            <div ng-if="!master">
-              <em>Unknown master.</em>
-            </div>
-          </div>
-          <div class="grid-cell flat-cell">
-            <div ng-if="pool.HA_enabled">
-              HA enabled
-            </div>
-            <div ng-if="!pool.HA_enabled">
-              HA disabled
-            </div>
-          </div>
-          <div class="grid-cell flat-cell">
-            {{pool.$running_hosts.length}}/{{pool.hosts.length}} hosts
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- /Properties. -->
-
-    <!-- Tags. -->
-    <div class="grid">
-      <div class=" grid-cell">
-        <div class="grid-cell flat-cell-tag">
-          <i class="fa fa-tag"></i>&nbsp;&nbsp;
-          <span ng-repeat="tag in pool.tags">
-            <span class="label label-primary">{{tag}}</span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <!-- /Tags. -->
-
-  </div>
-  <!-- /Properties & tags. -->
-
-</div>
-<!-- /Pool. -->
-
-<!-- If it's a host. -->
-<div
-  ng-repeat="host in byTypes.host | filter:listFilter | orderBy:natural('name_label') track by host.UUID"
-  class="grid flat-object"
-  xo-sref="hosts_view({id: host.UUID})"
->
-
-  <!-- Icon. -->
-  <div class="grid-cell flat-cell flat-cell-type">
-    <i class="xo-icon-host xo-color-{{host.power_state | lowercase}}"></i>
-  </div>
-
-  <!-- Properties & tags. -->
-  <div class="grid-cell">
-
-    <!-- Properties. -->
-    <div class="grid ">
-      <div class="grid-cell">
-        <div class="grid">
-          <div class="grid-cell flat-cell flat-cell-name">
-            {{host.name_label}}
-          </div>
-          <div class="grid-cell flat-cell flat-cell-description">
-            <i>{{host.name_description}}</i>
-          </div>
-          <div class="grid-cell flat-cell">
-            Address: {{host.address}}
-          </div>
-          <div class="grid-cell flat-cell">
-            {{host.$vCPUs}} vCPUs used on {{host.CPUs["cpu_count"]}} CPUs
-          </div>
-          <div class="grid-cell flat-cell">
-            {{host.memory.usage | bytesToSize}} used of {{host.memory.size | bytesToSize}} ({{[host.memory.usage, host.memory.size] | %}})
-          </div>
-          <div class="grid-cell flat-cell">
-            {{host.VMs.length}} VMs running
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- /Properties. -->
-
-    <!-- Tags. -->
-    <div class="grid">
-      <div class=" grid-cell">
-        <div class="grid-cell flat-cell-tag">
-          <i class="fa fa-tag"></i>&nbsp;&nbsp;
-          <span ng-repeat="tag in host.tags">
-            <span class="label label-primary">{{tag}}</span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <!-- /Tags. -->
-
-  </div>
-  <!-- /Properties & tags. -->
-
-</div>
-<!-- /Host. -->
-
-<!-- If it's a VM. -->
-<div
-  ng-repeat="VM in byTypes.VM | filter:listFilter | orderBy:natural('name_label') track by VM.UUID"
-  class="grid flat-object"
-  xo-sref="VMs_view({id: VM.UUID})"
->
-
-  <!-- Icon. -->
-  <div class="grid-cell flat-cell flat-cell-type">
-    <i class="xo-icon-vm xo-color-{{VM.power_state | lowercase}}"></i>
-  </div>
-
-  <!-- Properties & tags. -->
-  <div class="grid-cell">
-
-    <!-- Properties. -->
-    <div class="grid ">
-      <div class="grid-cell">
-        <div class="grid">
-          <div class="grid-cell flat-cell flat-cell-name">
-            {{VM.name_label}}
-          </div>
-          <div class="grid-cell flat-cell flat-cell-description">
-            <i>{{VM.name_description}}</i>
-          </div>
-          <div class="grid-cell flat-cell">
-            Address: {{VM.addresses['0/ip']}}
-          </div>
-          <div class="grid-cell flat-cell">
-            {{VM.CPUs.number}} vCPUs
-          </div>
-          <div class="grid-cell flat-cell">
-            {{VM.memory.size | bytesToSize}} RAM
-          </div>
-          <div class="grid-cell flat-cell" ng-init="container = (VM.$container | resolve)">
-            <div ng-if="'pool' === container.type">
-              Resident on: <a ui-sref="pools_view({id: container.UUID})">{{container.name_label}}</a>
-            </div>
-            <div ng-if="'host' === container.type" ng-init="pool = (container.poolRef | resolve)">
-              Resident on: <a ui-sref="hosts_view({id: container.UUID})">{{container.name_label}}</a> (<a ui-sref="pools_view({id: pool.UUID})">{{pool.name_label}}</a>)
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- /Properties. -->
-
-    <!-- Tags. -->
-    <div class="grid">
-      <div class=" grid-cell">
-        <div class="grid-cell flat-cell-tag">
-          <i class="fa fa-tag"></i>&nbsp;&nbsp;
-          <span ng-repeat="tag in VM.tags">
-            <span class="label label-primary">{{tag}}</span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <!-- /Tags. -->
-
-  </div>
-  <!-- /Properties & tags. -->
-
-</div>
-<!-- /VM. -->
-
-<!-- If it's a SR. -->
-<div
-  ng-repeat="SR in byTypes.SR | filter:listFilter | orderBy:natural('name_label') track by SR.UUID"
-  class="grid flat-object"
-  xo-sref="SRs_view({id: SR.UUID})"
->
-
-  <!-- Icon. -->
-  <div class="grid-cell flat-cell flat-cell-type">
-    <i class="xo-icon-sr"></i>
-  </div>
-
-  <!-- Properties & tags. -->
-  <div class="grid-cell">
-
-    <!-- Properties. -->
-    <div class="grid ">
-      <div class="grid-cell">
-        <div class="grid">
-          <div class="grid-cell flat-cell flat-cell-name">
-            {{SR.name_label}}
-          </div>
-          <div class="grid-cell flat-cell flat-cell-description">
-            <i>{{SR.name_description}}</i>
-          </div>
-          <div class="grid-cell flat-cell">
-            Usage: {{[SR.usage, SR.size] | %}} ({{SR.usage | bytesToSize}}/{{SR.size | bytesToSize}})
-          </div>
-          <div class="grid-cell flat-cell">
-            Type: {{SR.SR_type}}
-          </div>
-          <div class="grid-cell flat-cell" ng-init="container = (SR.$container | resolve)">
-            <div ng-if="'pool' === container.type">
-              <strong>Shared on <a ui-sref="pools_view({id: container.UUID})">{{container.name_label}}</a></strong>
-            </div>
-            <div ng-if="'host' === container.type">
-              Connected to <a ui-sref="hosts_view({id: container.UUID})">{{container.name_label}}</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- /Properties. -->
-
-    <!-- Tags. -->
-    <div class="grid">
-      <div class=" grid-cell">
-        <div class="grid-cell flat-cell-tag">
-          <i class="fa fa-tag"></i>&nbsp;&nbsp;
-          <span ng-repeat="tag in SR.tags">
-            <span class="label label-primary">{{tag}}</span>
-          </span>
-        </div>
-      </div>
-    </div>
-    <!-- /Tags. -->
-
-  </div>
-  <!-- /Properties & tags. -->
-
-</div>
-<!-- /SR. -->

app/views/main.html

@@ -1,512 +0,0 @@
-<!-- @todo Remove code duplication for the VMs listing by using a macro. -->
-
-<div class="sub-bar">
-  <div class="grid">
-    <div class="grid-cell overview">
-      <!--Stats-->
-      <i tooltip="{{xo.pools.length}} pools">
-        <i class="small">{{xo.pools.length}}x</i>
-        <i class="xo-icon-pool"></i>
-      </i>
-      &nbsp;
-      <i tooltip="{{hosts.length}} hosts">
-        <i class="small">{{hosts.length}}x</i>
-        <i class="xo-icon-host"></i>
-      </i>
-      &nbsp;
-      <i tooltip="{{xo.$running_VMs.length}} of {{VMs.length}} VMs running">
-        <i class="small">{{xo.$running_VMs.length}}x</i>
-        <i class="xo-icon-vm"></i>
-      </i>
-      &nbsp;
-      <i tooltip="{{xo.$vCPUs}} vCPUs used of {{xo.$CPUs}} CPUs">
-        <i class="small">{{xo.$vCPUs}}x</i>
-        <i class="xo-icon-cpu"></i>
-      </i>
-      &nbsp;
-      <i tooltip="{{xo.$memory.usage | bytesToSize}} RAM allocated of {{xo.$memory.size | bytesToSize}}">
-        <i class="small">{{xo.$memory.usage | bytesToSize}}</i>
-        <i class="xo-icon-memory"></i>
-      </i>
-    </div>
-    <div class="grid-cell">
-      <div class="btn-group before-action-bar">
-        <a class="btn navbar-btn btn-default dropdown-toggle inversed">
-          <input
-            type="checkbox"
-            class="inverse"
-            ng-model="master_selection"
-            ng-change="selectVMs(master_selection)"
-            ui-indeterminate="!(all || none)"
-            stop-event="click"
-          />
-          <i class="fa fa-caret-down"></i>
-        </a>
-        <ul class="dropdown-menu inverse" role="menu">
-          <li ng-repeat="power_state in ['Halted', 'Running']">
-            <a ng-click="selectVMs({power_state: power_state})">
-              <i class="fa-fw xo-icon-{{power_state | lowercase}}"></i>
-              {{power_state}}
-            </a>
-          </li>
-          <li class="divider"></li>
-          <li ng-repeat="host in hosts | orderBy:natural('name_label') track by host.UUID" ng-if="host.VMs.length">
-            <a ng-click="selectVMs({$container: host.ref})">
-              <i class="xo-icon-host fa-fw"></i>
-              On {{host.name_label}}
-            </a>
-          </li>
-        </ul>
-      </div>
-      <div class="action-bar" ng-if="!none">
-        <div class="btn-group">
-          <button tooltip="Stop VM" type="button" class="btn navbar-btn btn-default inversed" ng-click="bulkAction('stopVM')">
-            <i class="fa fa-stop"></i>
-          </button>
-          <button tooltip="Start VM" type="button" class="btn navbar-btn btn-default inversed" ng-click="bulkAction('startVM')">
-            <i class="fa fa-play"></i>
-          </button>
-          <button tooltip="Reboot VM" type="button" class="btn navbar-btn btn-default inversed" ng-click="bulkAction('rebootVM')">
-            <i class="fa fa-refresh"></i>
-          </button>
-        </div>
-        <div class="btn-group">
-          <button tooltip="Migrate VM" type="button" class="btn navbar-btn btn-default dropdown-toggle inversed">
-            <i class="fa fa-share"></i> <i class="fa fa-caret-down"></i>
-          </button>
-          <ul class="dropdown-menu inverse" role="menu">
-            <li ng-repeat="host in hosts | orderBy:natural('name_label') track by host.UUID">
-              <a ng-click="bulkAction('migrateVM',host.UUID)">
-                <i class="xo-icon-host fa-fw"></i>
-                To {{host.name_label}}
-              </a>
-            </li>
-          </ul>
-        </div>
-        <div class="btn-group">
-          <button type="button" class="btn navbar-btn btn-default dropdown-toggle inversed">
-            More <i class="fa fa-caret-down"></i>
-          </button>
-          <ul class="dropdown-menu inverse" role="menu">
-            <li><a ng-click="bulkAction('force_rebootVM')"><i class="fa fa-bolt fa-fw"></i> Force reboot</a></li>
-            <li><a ng-click="bulkAction('force_stopVM')"><i class="fa fa-power-off fa-fw"></i> Force shutdown</a></li>
-            <li class="divider"></li>
-            <li><a ng-click="deleteVMs()"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
-            <li><a ng-click="bulkAction('snapshotVM')"><i class="xo-icon-snapshot fa-fw"></i> Take a snapshot</a></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- FIXME: Ugly trick to force the pools to be under the sub bar. -->
-<div style="margin-top: 50px; visibility: hidden; height: 0">.</div>
-
-<!-- If we haven't any data -->
-<div ng-if="!pools.length">
-  <div class="grid">
-    <div class="grid-cell flat-panel text-center">
-      <h1>Welcome on Xen Orchestra!</h1>
-      <h3>It seems you aren't connected to any Xen host.</h3>
-      <p>You can add any XAPI capable server by following these steps:</p>
-      <ul class="list-unstyled">
-        <li>Login with pre-filled account (top right of this screen)</li>
-        <li>Click on the menu icon " <i class="fa fa-th"></i> " and choose " <i class="fa fa-cog"></i> Settings "</li>
-        <li>Then you can add a server (no need to reload, refresh is auto)</li>
-        <li>Enjoy Xen Orchestra!</li>
-      </ul>
-      <p><a class="btn btn-primary big" ui-sref="about"><i class="fa fa-info-circle"></i> About us</a></p>
-    </div>
-  </div>
-</div>
-
-<!-- If we have data -->
-<div ng-if="pools.length">
-  <!-- Contains a pool and all its children (hosts). -->
-  <div ng-repeat="pool in pools | orderBy:natural('name_label') track by pool.UUID" class="grid pool-block">
-
-    <!-- Pseudo pool if it is not a named pool. -->
-    <div ng-if="!pool.name_label" class="grid-cell grid--gutters pool-cell">
-      <p class="center" style="margin-top: 2em;">No pool connected</p>
-    </div>
-
-    <!-- Contains information about the pool if it is a named pool. -->
-    <div class="grid-cell grid--gutters pool-cell" ng-if="pool.name_label">
-
-      <!-- Header (name + dropdown menu). -->
-      <div class="dropdown dropdown-pool">
-        <a class="pool-name" ui-sref="pools_view({id: pool.UUID})">
-          {{pool.name_label}}
-        </a>
-        <a class="dropdown-toggle">&nbsp;<i class="fa fa-caret-down big-caret"></i>&nbsp;</a>
-        <ul class="dropdown-menu left" role="menu">
-          <li><a xo-click="new_sr()"><i class="xo-icon-sr fa-fw"></i> Add SR</a></li>
-          <li><a xo-sref="VMs_new({container: pool.UUID})"><i class="xo-icon-vm fa-fw"></i> Add VM</a></li>
-          <li class="divider"></li>
-          <li><a xo-click="pool_disconnect(pool.UUID)" class="disabled"><i class="fa fa-unlink fa-fw"></i> Disconnect</a></li>
-        </ul>
-      </div>
-      <!-- /Header. -->
-
-      <!-- Stats & SRs list. -->
-      <div>
-
-        <!-- Stats. -->
-        <ul class="list-unstyled stats">
-          <li>
-            <i tooltip="{{pool.hosts.length}} hosts connected">
-              <i class="small">{{pool.hosts.length}}x</i>
-              <i class="xo-icon-host"></i>
-            </i>
-            &nbsp;
-            <i tooltip="{{pool.$running_VMs.length}} of {{pool.$VMs.length}} VMs running">
-              <i class="small">{{pool.$running_VMs.length}}x</i>
-              <i class="xo-icon-vm"></i>
-            </i>
-          </li>
-          <li ng-if="pool.master" ng-init="master = (pool.master | resolve)">
-            Master : <a ui-sref="hosts_view({id: master.UUID})">{{master.name_label}}</a>
-          </li>
-          <li ng-if="!pool.master">No master</li>
-        </ul>
-        <!-- /Stats. -->
-
-        <!-- SRs. -->
-        <div ng-if="pool.SRs.length">
-          <p class="center small-caps">SRs:</p>
-          <table class="table table-hover table-condensed">
-            <tr
-              ng-repeat="SR in pool.SRs | resolve | orderBy:natural('name_label') track by SR.UUID"
-              xo-sref="SRs_view({id: SR.UUID})"
-            >
-              <td
-                class="col-md-6 sr-name no-border"
-                ng-class="{'default-sr': SR.ref === pool.default_SR}"
-              >
-                <i class="xo-icon-sr"></i>
-                {{SR.name_label}}
-              </td>
-              <td class="col-md-6 right no-border">
-                <div class="progress progress-small" tooltip="Disk: {{[SR.usage, SR.size] | %}} allocated">
-                  <div
-                    class="progress-bar"
-                    role="progressbar"
-                    aria-valuenow="{{100*SR.usage/SR.size}}"
-                    aria-valuemin="0"
-                    aria-valuemax="100"
-                    style="width: {{[SR.usage, SR.size] | %}}"
-                    ></div>
-                </div>
-              </td>
-            </tr>
-          </table>
-        </div>
-        <!-- /SRs. -->
-
-      </div>
-      <!-- /Stats & SRs list. -->
-
-    </div>
-    <!-- /Information about the pool. -->
-
-    <!-- Contains all the hosts of this pool. -->
-    <div class="grid-cell grid--gutters hosts-vms-cells">
-
-      <!-- Contains a host and all its children (VMs). -->
-      <div
-        ng-repeat="host in pool.hosts | resolve | orderBy:natural('name_label') track by host.UUID"
-        class="grid"
-      >
-
-        <!-- Contains information about the host. -->
-        <div class="grid-cell host-cell">
-
-          <!-- Header (name + dropdown menu). -->
-          <div class="dropdown dropdown-pool">
-            <a class="host-name" ui-sref="hosts_view({id: host.UUID})">
-              {{host.name_label}}
-            </a>
-            <a class="dropdown-toggle">&nbsp;<i class="fa fa-caret-down"></i>&nbsp;</a>
-            <ul class="dropdown-menu left" role="menu">
-              <li><a xo-click="new_sr()"><i class="xo-icon-sr fa-fw"></i> Add SR</a></li>
-              <li><a xo-sref="VMs_new({container: host.UUID})"><i class="xo-icon-vm fa-fw"></i> Add VM</a></li>
-              <li class="divider"></li>
-              <li >
-                <a
-                  ng-repeat="controller in [host.controller] | resolve track by controller.UUID"
-                  xo-sref="consoles_view({id: controller.UUID})">
-                    <i class="xo-icon-console fa-fw"></i> Console
-                </a>
-              </li>
-              <li><a xo-click="rebootHost(host.UUID)"><i class="fa fa-refresh fa-fw"></i> Reboot</a></li>
-              <li><a xo-click="shutdownHost(host.UUID)"><i class="fa fa-power-off fa-fw"></i> Shutdown</a></li>
-              <li><a xo-click="restartToolStack(host.UUID)"><i class="fa fa-retweet fa-fw"></i> Restart toolstack</a></li>
-              <li ng-if="pool.name_label"><a xo-click="pool_removeHost(host.UUID)"><i class="fa fa-cloud-upload fa-fw"></i> Remove from pool</a></li>
-              <li ng-if="!pool.name_label"><a xo-click="pool_addHost(host.UUID)"><i class="fa fa-cloud-download fa-fw"></i> Add to pool</a></li>
-            </ul>
-          </div>
-          <!-- /Header. -->
-
-          <!-- Stats. -->
-          <ul class="list-unstyled stats">
-            <!-- Warning icon if host is halted or disabled -->
-            <li ng-if="'Halted' === host.power_state" class="text-danger">
-              <i class="fa fa-warning"></i> Halted
-            </li>
-            <li ng-if="'Halted' !== host.power_state &amp;&amp; !host.enabled" class="text-warning">
-              <i class="fa fa-warning"></i> Disabled
-            </li>
-            <!-- Memory -->
-            <li ng-if="host.power_state === 'Running'">
-              <i class="xo-icon-memory i-progress"></i>
-              <div
-                class="progress progress-small"
-                tooltip="RAM: {{[host.memory.usage, host.memory.size] | %}} allocated">
-                <div
-                  class="progress-bar"
-                  role="progressbar"
-                  aria-valuenow="{{100*host.memory.usage/host.memory.size}}"
-                  aria-valuemin="0"
-                  aria-valuemax="100"
-                  style="width: {{[host.memory.usage, host.memory.size] | %}}"
-                  ></div>
-              </div>
-            </li>
-            <!-- Host address -->
-            <li class="text-muted substats">
-              <i class="xo-icon-network"></i>
-              {{host.address}}
-            </li>
-          </ul>
-          <!-- /Stats. -->
-        </div>
-        <!-- /Information about the host. -->
-
-        <!-- Contains all the VMs of this host. -->
-        <div class="grid grid-cell vm-cell">
-
-          <!-- If no VMs, fill the space with a message. -->
-          <div ng-if="!host.VMs.length" class="vms-notice">
-
-            <p ng-if="'Halted' === host.power_state">
-              Host halted.
-            </p>
-
-            <div ng-if="'Halted' !== host.power_state">
-              <p ng-if="!host.enabled">
-                Host disabled.
-              </p>
-
-              <p ng-if="host.enabled">
-                No VMs on this host.
-              </p>
-            </div>
-
-          </div>
-          <!-- /Message if no VMs. -->
-
-          <!-- TODO: comment -->
-          <div class="table-responsive" ng-if="host.VMs.length">
-          <table class="table table-hover table-condensed">
-
-            <!-- Contains a VM. -->
-            <tr
-              ng-repeat="VM in host.VMs | resolve | orderBy:natural('name_label') track by VM.UUID"
-              xo-sref="VMs_view({id: VM.UUID})"
-            >
-
-              <!-- Handle used for drag & drop. -->
-              <td class="grab"></td>
-
-              <!-- Checkbox used for selection. -->
-              <td class="select-vm">
-                <input
-                  type="checkbox"
-                  ng-model="selected_VMs[VM.UUID]"
-                  ng-change="updateVMSelection(VM.UUID)"
-                />
-              </td>
-
-              <!-- Power state -->
-              <td class="vm-power-state">
-                <i ng-if="isVMWorking(VM)"
-                  class="xo-icon-working"
-                  tooltip="{{VM.power_state}} and {{values(VM.current_operations)[0]}}"
-                ></i>
-                <i ng-if="!isVMWorking(VM)"
-                  class="xo-icon-{{VM.power_state | lowercase}}"
-                  tooltip="{{VM.power_state}}"
-                ></i>
-              </td>
-
-              <!-- VM name. -->
-              <td class="vm-name col-md-2"><p class="vm">{{VM.name_label}}</p></td>
-
-              <!-- Quick actions. -->
-              <td class="vm-quick-buttons col-md-2">
-                <div class="quick-buttons">
-                  <a tooltip="Shutdown VM" xo-click="stopVM(VM.UUID)">
-                    <i class="fa fa-stop"></i>
-                  </a>
-                  <a tooltip="Start VM" xo-click="startVM(VM.UUID)">
-                    <i class="fa fa-play"></i>
-                  </a>
-                  <a tooltip="Reboot VM" xo-click="rebootVM(VM.UUID)">
-                    <i class="fa fa-refresh"></i>
-                  </a>
-                  <a tooltip="VM Console" xo-sref="consoles_view({id: VM.UUID})">
-                    <i class="xo-icon-console"></i>
-                  </a>
-                </div>
-              </td>
-
-              <!-- Description. -->
-              <td class="vm-description col-md-4">
-                <i ng-if="VM.os_version.distro" tooltip="{{VM.os_version.name}}" class="xo-icon-{{osType(VM.os_version.distro)}}">&nbsp;</i>
-                <i ng-if="!VM.os_version.distro" class="fa fa-fw"></i>
-                {{VM.name_description}}
-              </td>
-
-              <!-- Metrics. -->
-
-              <!-- Memory -->
-              <td class="vm-memory-stat col-md-2">
-                <div class="cpu">
-                  {{VM.memory.size | bytesToSize}}
-                </div>
-
-                <i
-                  ng-if="VM.PV_drivers"
-                  class="fa fa-fw"
-                ></i>
-                <i
-                  ng-if="!VM.PV_drivers"
-                  class="xo-icon-info fa-fw"
-                  tooltip="Xen tools not installed"
-                ></i>
-              </td>
-              <!-- /Metrics. -->
-
-              <!-- Address. -->
-              <td class="text-muted text-right col-md-2">
-                {{VM.addresses['0/ip']}}
-              </td>
-            </tr>
-
-          </table>
-          </div>
-
-        </div>
-        <!-- /VMs of this host. -->
-
-      </div>
-      <!-- /Host with its children. -->
-
-      <!-- Contains a pseudo-host which contains all VMs not in any hosts. -->
-      <div ng-if="pool.VMs.length" class="grid">
-
-        <!-- This is where the information about a host would be displayed. -->
-        <div class="grid-cell host-cell"></div>
-
-        <!-- Contains all the VMs of this pool. -->
-        <div class="grid grid-cell vm-cell">
-
-          <!-- TODO: comment -->
-          <div class="table-responsive">
-          <table class="table table-hover table-condensed">
-
-            <!-- Contains a VM. -->
-            <tr
-              ng-repeat="VM in pool.VMs | resolve | orderBy:natural('name_label') track by VM.UUID"
-              xo-sref="VMs_view({id: VM.UUID})"
-            >
-
-              <!-- Handle used for drag & drop. -->
-              <td class="grab"></td>
-
-              <!-- Checkbox used for selection. -->
-              <td class="select-vm">
-                <input
-                  type="checkbox"
-                  ng-model="selected_VMs[VM.UUID]"
-                  ng-change="updateVMSelection(VM.UUID)"
-                />
-              </td>
-
-              <!-- Power state -->
-              <td class="vm-power-state">
-                <i
-                  class="xo-icon-{{VM.power_state | lowercase}}"
-                  tooltip="{{VM.power_state}}"
-                ></i>
-              </td>
-
-              <!-- VM name. -->
-              <td class="vm-name col-md-2">
-                <p class="vm">{{VM.name_label}}</p>
-              </td>
-
-              <!-- Quick actions. -->
-              <td class="vm-quick-buttons col-md-2">
-                <div class="quick-buttons">
-                  <a tooltip="Shutdown VM" xo-click="stopVM(VM.UUID)">
-                    <i class="fa fa-stop"></i>
-                  </a>
-                  <a tooltip="Start VM" xo-click="startVM(VM.UUID)">
-                    <i class="fa fa-play"></i>
-                  </a>
-                  <a tooltip="Reboot VM" xo-click="rebootVM(VM.UUID)">
-                    <i class="fa fa-refresh"></i>
-                  </a>
-                  <a tooltip="VM Console">
-                    <i class="xo-icon-console"></i>
-                  </a>
-                </div>
-              </td>
-
-              <!-- Description. -->
-              <td class="vm-description col-md-4">
-                <i ng-if="VM.os_version.distro" tooltip="{{VM.os_version.name}}" class="xo-icon-{{osType(VM.os_version.distro)}}">&nbsp;</i>
-                <i ng-if="!VM.os_version.distro" class="fa fa-fw"></i>
-                {{VM.name_description}}
-              </td>
-
-              <!-- Metrics. -->
-
-              <!-- Memory -->
-              <td class="vm-memory-stat col-md-2">
-                <div class="cpu">
-                  {{VM.memory.size | bytesToSize}}
-                </div>
-
-                <i
-                  ng-if="VM.PV_drivers"
-                  class="fa fa-fw"
-                ></i>
-                <i
-                  ng-if="!VM.PV_drivers"
-                  class="xo-icon-info fa-fw"
-                  tooltip="Xen tools not installed"
-                ></i>
-              </td>
-              <!-- /Metrics. -->
-
-              <!-- Address. -->
-              <td class="text-muted text-right col-md-2">
-                {{VM.addresses['0/ip']}}
-              </td>
-            </tr>
-
-          </table>
-          </div>
-
-        </div>
-        <!-- /Pseudo host containing VMs not on any hosts. -->
-
-    </div>
-    <!-- /Hosts of this pool. -->
-
-  </div>
-<!-- /Pool with its children. -->
-</div>

app/views/nav-bar.html

@@ -1,174 +0,0 @@
-<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-
-  <!-- Brand and toggle get grouped for better mobile display -->
-  <div class="navbar-header">
-
-    <!-- Button used to (un)collapse on mobile display. -->
-    <button
-      type="button"
-      class="navbar-toggle"
-      ng-init="collapsed = true"
-      ng-click="collapsed = !collapsed"
-    >
-      <span class="sr-only">Toggle navigation</span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-      <span class="icon-bar"></span>
-    </button>
-
-    <!-- Brand name. -->
-    <a class="navbar-brand" ui-sref="home">Xen Orchestra</a>
-  </div>
-
-  <!-- All navbar items are collapsed on mobile display. -->
-  <div class="collapse navbar-collapse" ng-class="!collapsed &amp;&amp; 'in'">
-
-    <!-- Search form of the navbar. -->
-    <form class="navbar-form navbar-left" role="search" style="width: 250px">
-      <!-- Forced width due to issue with `input`s
-           (https://github.com/twbs/bootstrap/issues/9950. -->
-
-      <div class="input-group">
-        <input
-          type="text"
-          class="form-control inverse"
-          placeholder=""
-          ng-model="$root.listFilter"
-          ng-change="ensureListView()"
-        >
-        <span class="input-group-btn">
-          <button type="button" class="btn btn-search" ng-click="ensureListView()">
-            <i class="fa fa-search"></i>
-          </button>
-        </span>
-      </div>
-    </form>
-    <!-- /Search form. -->
-    <ul class="nav navbar-nav">
-      <li><a href="https://xen-orchestra.com/services?from=xoa" target="_blank">
-        <i class="xo-icon-info"></i> Unregistered version
-      </a></li>
-    </ul>
-
-    <!-- Right items of the navbar. -->
-    <ul class="nav navbar-nav navbar-right">
-
-      <li ng-if="'disconnected' === status" class="navbar-text">
-        <i class="xo-icon-error"></i> Disconnected from XO-Server
-      </li>
-
-      <li ng-if="'connecting' === status" class="navbar-text">
-        <i class="fa fa-refresh fa-spin"></i> Connecting to XO-Server
-      </li>
-
-      <!-- Main menu. -->
-      <li class="dropdown">
-        <a class="dropdown-toggle inverse">
-          <i class="fa fa-th"></i>
-        </a>
-        <ul class="dropdown-menu inverse">
-          <li ui-sref-active="active" ui-route="/">
-            <a ui-sref="home">
-              <i class="fa fa-indent"></i>
-              Tree view
-            </a>
-          </li>
-          <li ui-sref-active="active" ui-route="/list">
-            <a ui-sref="list">
-              <i class="fa fa-align-justify"></i>
-              Flat view
-            </a>
-          </li>
-          <li class="disabled" ui-sref-active="active" ui-route="/graph">
-            <a ui-sref="graph">
-              <i class="fa fa-sitemap"></i>
-              Graphs view
-            </a>
-          </li>
-          <li class="divider"></li>
-          <li class="disabled">
-            <a>
-              <i class="fa fa-clock-o"></i>
-              Scheduler
-            </a>
-          </li>
-          <li ui-sref-active="active" ui-route="/settings">
-            <a ui-sref="settings">
-              <i class="fa fa-cog"></i>
-              Settings
-            </a>
-          </li>
-          <li class="divider"></li>
-          <li ui-sref-active="active" ui-route="/about">
-            <a ui-sref="about">
-              <i class="fa fa-info-circle" style="color:#5bc0de"></i>
-              About
-            </a>
-          </li>
-        </ul>
-      </li>
-      <!-- /Main menu. -->
-
-      <!-- Displayed only when the user is connected. -->
-      <li ng-if="user"><a><i class="fa fa-user"></i> {{user.email}}</a></li>
-      <li ng-if="user"><a ng-click="logOut()"><i class="fa fa-sign-out"></i></a></li>
-      <!-- /When user is connected. -->
-
-      <!-- Displayed only when the user is not connected. -->
-      <li ng-if="!user" class="dropdown">
-
-        <a class="dropdown-toggle">
-          Log in&nbsp;&nbsp;<i class="fa fa-sign-in"></i>
-        </a>
-
-        <form
-          class="dropdown-menu login-form-dark"
-          ng-submit="logIn(login.email, login.password, true)"
-          ng-click="$event.stopPropagation()"
-        >
-
-          <div class="input-group">
-            <span class="input-group-addon">
-              <i class="fa fa-user fa-fw"></i>
-            </span>
-            <input
-              type="text"
-              class="form-control"
-              placeholder="Email"
-              ng-model="login.email"
-              name="email"
-              required
-            />
-          </div>
-
-          <div class="input-group">
-            <span class="input-group-addon">
-              <i class="fa fa-key fa-fw"></i>
-            </span>
-            <input
-              type="password"
-              class="form-control"
-              placeholder="Password"
-              name="password"
-              ng-model="login.password"
-              required
-            />
-          </div>
-
-          <button type="submit" class="btn btn-primary btn-block">
-            <i class="fa fa-sign-in"></i> Log in
-          </button>
-
-        </form>
-
-      </li>
-      <!-- /When user is not connected. -->
-
-    </ul>
-    <!-- /Right items. -->
-
-  </div>
-  <!-- /Navbar items. -->
-
-</nav>
-<!-- /Navbar. -->

app/views/new_sr.html

@@ -1,49 +0,0 @@
-  <!-- TODO: lots of stuff. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="xo-icon-vm"></i> Add SR on {{container.name_label}}</p>
-  </div>
-</div>
-
-<!-- Add server panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-info-circle" style="color: #e25440;"></i> SR info</p>
-    <form class="form-horizontal" role="form">
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Type</label>
-        <div class="col-sm-9">
-          <select class="form-control">
-            <option value="">-- Choose a type of SR --</option>
-            <optgroup label="VDI SR">
-              <option value="NFS">NFS</option>
-              <option value="ISCSI">Software iSCSI</option>
-              <option value="HBA">HBA</option>
-            </optgroup>
-            <optgroup label="ISO SR">
-              <option value="CIFSISO">CIFS</option>
-              <option value="NFSISO">NFS</option>
-            </optgroup>
-          </select>
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Name</label>
-        <div class="col-sm-9">
-          <input type="text" class="form-control" placeholder="">
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Description</label>
-        <div class="col-sm-9">
-          <input type="text" class="form-control" placeholder="SR Created by Xen Orchestra">
-        </div>
-      </div>
-    </form>
-    <p class="text-center"><a class="btn btn-primary big"><i class="fa fa-times"></i> Clear</a> <a class="btn btn-success big"><i class="fa fa-save"></i> Save</a></p>
-    </form>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-link" style="color: #e25440;"></i> Connection</p>
-  </div>
-</div>

app/views/new_vm.html

@@ -1,350 +0,0 @@
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title">
-      <i class="xo-icon-vm"></i>
-      Add VM on
-      <a
-        ng-if="'pool' === container.type"
-        ui-sref="pools_view({id: container.UUID})"
-      >
-        {{container.name_label}}
-      </a>
-      <a
-        ng-if="'host' === container.type"
-        ui-sref="hosts_view({id: container.UUID})"
-      >
-        {{container.name_label}}
-      </a>
-    </p>
-  </div>
-</div>
-
-<!-- Add server panel -->
-<form class="form-horizontal" ng-submit="createVM()">
-  <div class="grid">
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title">
-        <i class="fa fa-info-circle" style="color: #e25440;"></i> VM info
-      </p>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Template</label>
-        <div class="col-sm-9">
-          <select
-            class="form-control"
-            ng-model="template"
-            ng-options="template.name_label for template in templates | orderBy:natural('name_label') track by template.UUID"
-            required
-          >
-          </select>
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Name</label>
-        <div class="col-sm-9">
-          <input
-            type="text"
-            class="form-control"
-            placeholder="Name of your new VM"
-            required
-            ng-model="name_label"
-          >
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">Description</label>
-        <div class="col-sm-9">
-          <input
-            type="text"
-            class="form-control"
-            placeholder="Optional description of you new VM"
-            ng-model="name_description"
-          >
-        </div>
-      </div>
-    </div>
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title"><i class="fa fa-dashboard" style="color: #e25440;"></i> Performances</p>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">vCPUs</label>
-        <div class="col-sm-9">
-          <input
-            type="text"
-            class="form-control"
-            placeholder="{{template.CPUs.number}}"
-            ng-model="CPUs"
-          >
-        </div>
-      </div>
-      <div class="form-group">
-        <label class="col-sm-3 control-label">RAM</label>
-        <div class="col-sm-9">
-          <input
-            type="text"
-            class="form-control"
-            placeholder="{{template.memory.size | bytesToSize}}"
-            ng-model="memory"
-          >
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="grid">
-    <!-- Install panel -->
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title"><i class="fa fa-download" style="color: #e25440;"></i> Install settings</p>
-      <div
-        class="form-group"
-        ng-show="availableMethods.cdrom"
-      >
-        <label class="col-sm-3 control-label">ISO/DVD</label>
-        <div class="col-sm-9"><div class="input-group">
-          <span class="input-group-addon"><input
-            type="radio"
-            value="cdrom"
-            ng-model="installation_method"
-          ></span>
-          <select
-            ng-disabled="'cdrom' !== installation_method"
-            class="form-control disabled"
-            ng-model="installation_cdrom"
-          >
-            <optgroup
-              ng-repeat="SR in ISO_SRs | orderBy:natural('name_label') track by SR.UUID"
-              ng-if="SR.VDIs.length"
-              label="{{SR.name_label}}"
-            >
-              <option
-                ng-repeat="VDI in SR.VDIs | resolve | orderBy:natural('name_label') track by VDI.UUID"
-                ng-value="VDI.UUID"
-              >
-                {{VDI.name_label}}
-              </option>
-            </optgroup>
-          </select>
-        </div></div>
-      </div>
-      <div
-        class="form-group"
-        ng-show="availableMethods.http || availableMethods.ftp || availableMethods.nfs"
-      >
-        <label class="col-sm-3 control-label">Network</label>
-        <div class="col-sm-9"><div class="input-group">
-          <span class="input-group-addon"><input
-            type="radio"
-            ng-model="installation_method"
-            value="network"
-          ></span>
-          <input
-            ng-disabled="'network' !== installation_method"
-            type="text"
-            class="form-control"
-            placeholder="e.g: http://ftp.debian.org/debian"
-            ng-model="installation_network"
-          >
-        </div></div>
-      </div>
-      <!-- <div class="form-group"> FIXME
-        <label class="col-sm-3 control-label">Home server</label>
-        <div class="col-sm-9">
-          <select class="form-control">
-            <option>Default (auto)</option>
-          </select>
-        </div>
-      </div> -->
-    </div>
-
-    <!-- Interface panel -->
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title"><i class="xo-icon-network" style="color: #e25440;"></i> Interfaces
-      </p>
-      <table class="table table-hover">
-        <tr>
-          <th>MAC</th>
-          <th>Network</th>
-          <th class="col-md-1">&nbsp;</th><!-- Buttons -->
-        </tr>
-        <tr ng-repeat="VIF in VIFs track by VIF.id">
-          <td>
-            <input
-              type="text"
-              class="form-control"
-              ng-model="VIF.MAC"
-              ng-pattern="/^\s*[0-9a-f]{2}(:[0-9a-f]{2}){5}\s*$/i"
-              placeholder="00:00:00:00:00"
-            />
-          </td>
-          <td>
-            <select
-              class="form-control"
-              ng-options="network.UUID as network.name_label for network in (networks | orderBy:natural('name_label'))"
-              ng-model="VIF.network"
-              required
-            >
-            </select>
-          </td>
-          <td>
-            <div class="pull-right">
-              <button
-                type="button"
-                class="btn btn-default"
-                ng-click="removeVIF($index)"
-                title="Remove this interface"
-              >
-                <i class="fa fa-times"></i>
-              </button>
-            </div>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form">
-        <p class="center">
-          <div class="btn-form">
-            <p class="center">
-              <button type="button" ng-click="addVIF()" class="btn btn-success">
-                <i class="fa fa-plus"></i> Add interface
-              </button>
-            </p>
-          </div>
-        </p>
-      </div>
-    </div>
-  </div>
-  <!-- end of misc and interface panel -->
-
-  <!-- Disk panel -->
-  <div class="grid">
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title">
-        <i class="xo-icon-sr" style="color: #e25440;"></i> Disks
-      </p>
-      <table class="table table-hover">
-        <tr>
-          <th class="col-md-2">SR</th>
-          <th class="col-md-1">Bootable?</th>
-          <th class="col-md-2">Size</th>
-          <th class="col-md-2">Name</th>
-          <th class="col-md-4">Description</th>
-          <th class="col-md-1">&nbsp;</th><!-- Buttons -->
-        </tr>
-        <tr ng-repeat="VDI in VDIs track by VDI.id">
-          <td>
-            <select
-              class="form-control"
-              ng-model="VDI.SR"
-              ng-options="SR.UUID as SR.name_label for SR in (writable_SRs | orderBy:natural('name_label'))"
-            >
-            </select>
-          </td>
-          <td class="text-center">
-            <input
-              type="checkbox"
-              ng-model="VDI.bootable"
-            >
-          </td>
-          <td>
-            <input
-              type="text"
-              class="form-control"
-              ng-model="VDI.size"
-              required
-            >
-          </td>
-          <td>
-            <input
-              type="text"
-              class="form-control"
-              placeholder="Name of this virtual disk"
-              ng-model="VDI.name_label"
-            >
-          </td>
-          <td>
-            <input
-              type="text"
-              class="form-control"
-              placeholder="Description of this virtual disk"
-              ng-model="VDI.name_description"
-            >
-          </td>
-          <td>
-            <div class="btn-group">
-              <button
-                type="button"
-                class="btn btn-default"
-                ng-click="moveVDI($index, -1)"
-                ng-disabled="$first"
-                title="Move this disk up"
-              >
-                <i class="fa fa-chevron-up"></i>
-              </button>
-              <button
-                type="button"
-                class="btn btn-default"
-                ng-click="moveVDI($index, 1)"
-                ng-disabled="$last"
-                title="Move this disk down"
-              >
-                <i class="fa fa-chevron-down"></i>
-              </button>
-            </div>
-            <div class="pull-right">
-              <button
-                type="button"
-                class="btn btn-default"
-                ng-click="removeVDI($index)"
-                title="Remove this disk"
-              >
-                <i class="fa fa-times"></i>
-              </button>
-            </div>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form">
-        <p class="center">
-          <div class="btn-form">
-            <p class="center">
-              <button type="button" ng-click="addVDI()" class="btn btn-success"><i class="fa fa-plus"></i> Add disk</button>
-            </p>
-          </div>
-        </p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Confirmation panel -->
-  <div class="grid">
-    <div class="grid-cell flat-panel">
-      <p class="flat-panel-title"><i class="fa fa-flag-checkered" style="color: #e25440;"></i> Summary</p>
-      <div class="grid">
-        <div class="grid-cell">
-          <p class="stat-name">Name:
-          <p class="center big">{{name_label}}</p>
-        </div>
-        <div class="grid-cell">
-          <p class="stat-name">Template:
-          <p class="center">{{template.name_label}}</p>
-        </div>
-      </div>
-      <div class="grid">
-        <div class="grid-cell">
-          <p class="stat-name">vCPUs</p>
-          <p class="center big">{{CPUs || template.CPUs.number}}</p>
-        </div>
-        <div class="grid-cell">
-          <p class="stat-name">RAM</p>
-          <p class="center big">{{(memory) || (template.memory.size | bytesToSize)}}</p>
-        </div>
-        <div class="grid-cell">
-          <p class="stat-name">Disks</p>
-          <p class="center big">{{(VDIs.length) || (template.$VBDs.length) || 0}}</p>
-        </div>
-        <div class="grid-cell">
-          <p class="stat-name">Interfaces</p>
-          <p class="center big">{{VIFs.length}}</p>
-        </div>
-      </div>
-      <p class="center"><button type="submit" class="btn btn-lg btn-primary"><i class="fa fa-play"></i> Create VM</button></p>
-    </div>
-  </div>
-</form>

app/views/pool.html

@@ -1,220 +0,0 @@
-  <!-- TODO: lots of stuff. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="xo-icon-pool"></i> {{pool.name_label}}</p>
-  </div>
-</div>
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title">
-      <i class="fa fa-cogs" style="color: #e25440;"></i> General
-      <span class="quick-edit" tooltip="Edit General settings" ng-click="poolSettings.$show()">
-        <i class="fa fa-edit fa-fw"></i>
-      </span>
-    </p>
-    <div class="general-properties">
-      <form editable-form name="poolSettings" onbeforesave="savePool($data)">
-        <dl class="dl-horizontal">
-          <dt>Name</dt>
-            <dd>
-              <span editable-text="pool.name_label" e-name="name_label" e-form="poolSettings">
-              {{pool.name_label}}
-              </span>
-            </dd>
-          <dt>Description</dt>
-            <dd>
-              <span editable-text="pool.name_description" e-name="name_description" e-form="poolSettings">
-                {{pool.name_description}}
-              </span>
-            </dd>
-          <dt>Master</dt>
-            <dd ng-repeat="master in [pool.master] | resolve">
-              <a ui-sref="hosts_view({id: master.UUID})">
-                {{master.name_label}}
-              </a>
-            </dd>
-          <dt>Tags</dt>
-            <dd>
-              <span ng-repeat="tag in pool.tags">
-                <span class="label label-primary">{{tag}}</span>
-              </span>
-            </dd>
-          <dt ng-if="pool.default_SR">Default SR</dt>
-            <dd ng-if="pool.default_SR" ng-init="default_SR = (pool.default_SR | resolve)">
-              <a ui-sref="SRs_view({id: default_SR.UUID})">{{default_SR.name_label}}</a>
-            </dd>
-          <dt>HA</dt>
-            <dd>
-              {{pool.HA_enabled}}
-            </dd>
-          <dt>UUID</dt>
-            <dd>{{pool.UUID}}</dd>
-        </dl>
-        <div class="btn-form" ng-show="poolSettings.$visible">
-          <p class="center">
-            <button type="button" ng-disabled="poolSettings.$waiting" ng-click="poolSettings.$cancel()" class="btn btn-default">
-              <i class="fa fa-times"></i> Cancel
-            </button>
-            <button type="submit" ng-disabled="poolSettings.$waiting" class="btn btn-primary">
-              <i class="fa fa-save"></i> Save
-            </button>
-          </p>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
-    <div class="grid">
-      <div class="grid-cell">
-        <p class="stat-name">Hosts:</p>
-        <p class="center big">{{pool.hosts.length}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">Running:</p>
-        <p class="center big">{{pool.$running_hosts.length}}</p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Action panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-flash" style="color: #e25440;"></i> Actions</p>
-    <div class="grid">
-      <div class="grid-cell text-center grid-button" tooltip="Add SR" xo-sref="SRs_new({container: pool.UUID})">
-        <i class="xo-icon-sr fa-2x fa-fw"></i>
-      </div>
-      <div class="grid-cell text-center grid-button" tooltip="Add VM" xo-sref="VMs_new({container: pool.UUID})">
-        <i class="xo-icon-vm fa-2x fa-fw"></i>
-      </div>
-      <div class="grid-cell text-center grid-button" tooltip="Add Host">
-        <i class="xo-icon-host fa-2x fa-fw"></i>
-      </div>
-      <div class="grid-cell text-center grid-button" tooltip="Disconnect">
-        <i class="fa fa-unlink fa-2x fa-fw"></i>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Hosts panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="xo-icon-host" style="color: #e25440;"></i> Hosts</p>
-    <table class="table table-hover table-condensed">
-      <th>Name</th>
-      <th class="col-md-4">Description</th>
-      <th class="col-md-6">Memory</th>
-      <tr
-        xo-sref="hosts_view({id: host.UUID})"
-        ng-repeat="host in pool.hosts | resolve | orderBy:natural('name_label') track by host.UUID"
-      >
-        <td>{{host.name_label}}</td>
-        <td>{{host.name_description}}</td>
-        <td>
-          <div class="progress-condensed">
-            <div
-              class="progress-bar"
-              role="progressbar"
-              aria-valuemin="0"
-              aria-valuenow="{{host.memory.usage}}"
-              aria-valuemax="{{host.memory.size}}"
-              style="width: {{[host.memory.usage, host.memory.size] | %}}"
-            ></div>
-          </div>
-        </td>
-      </tr>
-    </table>
-  </div>
-</div>
-
-
-<!-- Shared SR panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="xo-icon-sr" style="color: #e25440;"></i> Shared SR
-    <table class="table table-hover">
-      <th>Name</th>
-      <th>Description</th>
-      <th>Type</th>
-      <th>Size</th>
-      <th class="col-md-4">Physical/Allocated usage</th>
-      <tr
-        xo-sref="SRs_view({id: SR.UUID})"
-        ng-repeat="SR in pool.SRs | resolve | orderBy:natural('name_label') track by SR.UUID"
-      >
-        <td>{{SR.name_label}}</td>
-        <td>{{SR.name_description}}</td>
-        <td>{{SR.SR_type}}</td>
-        <td>{{SR.size | bytesToSize}}</td>
-        <td>
-          <div class="progress-condensed">
-            <div
-              class="progress-bar"
-              role="progressbar"
-              aria-valuemin="0"
-              aria-valuenow="{{SR.usage}}"
-              aria-valuemax="{{SR.size}}"
-              style="width: {{[SR.physical_usage, SR.size] | %}}"
-              tooltip="Physical usage: {{[SR.physical_usage, SR.size] | %}}"
-            ></div>
-            <div
-              class="progress-bar progress-bar-info"
-              role="progressbar"
-              aria-valuemin="0"
-              aria-valuenow="{{SR.physical_usage}}"
-              aria-valuemax="{{SR.size}}"
-              style="width: {{[(SR.usage-SR.physical_usage), SR.size] | %}}"
-              tooltip="Allocated: {{[(SR.usage), SR.size] | %}}"
-            ></div>
-          </div>
-        </td>
-      </tr>
-    </table>
-  </div>
-</div>
-
-<!-- TODO: CPU and Logs panels -->
-<div class="grid">
-  <!-- Logs panel -->
-  <div class="grid-cell flat-panel">
-    <form editable-form name="poolLogs" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="fa fa-comments" style="color: #e25440;"></i> Logs
-        <span class="quick-edit" tooltip="Edit logs" ng-click="poolLogs.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <p class="center" ng-if="!pool.messages.length">No recent logs</p>
-      <table class="table table-hover" ng-if="pool.messages.length">
-        <th>Date</th>
-        <th>Name</th>
-        <tr ng-repeat="message in pool.messages | resolve | orderBy:'-time' track by message.UUID">
-          <td>{{message.time*1e3 | date:'medium'}}</td>
-          <td>
-            {{message.name}}
-            <button type="button" ng-show="poolLogs.$visible" ng-click="deleteLog(message.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-trash-o fa-lg" tooltip="Remove this log entry"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="poolLogs.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="poolLogs.$waiting" ng-click="poolLogs.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-        </p>
-      </div>
-    </form>
-  </div>
-  <!-- Template panel -->
-  <!-- FIXME: error on accordion display, DOES NOT WORK SO FAR -->
-  <!-- <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-copy" style="color: #e25440;"></i> Templates</p>
-    <p class="center" ng-if="!pool.templates.length">No templates</p>
-    <accordion close-others="true">
-        <accordion-group heading="{{template.name_label}}" ng-repeat="template in pool.templates | resolve | orderBy:natural('name_label') track by template.UUID">
-          {{template.name_description}}
-        </accordion-group>
-    </accordion>
-  </div> -->
-
-</div>

app/views/settings.html

@@ -1,104 +0,0 @@
-  <!-- TODO: lots of stuff. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="fa fa-cog"></i> XO Settings</p>
-  </div>
-</div>
-
-<!-- Add server panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-link" style="color: #e25440;"></i> Connected servers</p>
-    <form ng-submit="saveServers()" autocomplete="off">
-      <table class="table table-hover">
-        <tr>
-          <th>Host</th>
-          <th>User</th>
-          <th>Password</th>
-          <th>Delete</th>
-        </tr>
-        <tr ng-repeat="server in servers | orderBy:natural('host') track by server.id">
-          <td><input type="text" ng-model="server.host" class="form-control" /></td>
-          <td><input type="text" ng-model="server.username" class="form-control"/></td>
-          <td>
-            <input type="password" ng-model="server.password" class="form-control" placeholder="Fill to change the password"/>
-          </td>
-          <td><input type="checkbox" ng-model="selectedServers[server.id]"/></td>
-        </tr>
-        <tr ng-repeat="server in newServers">
-          <td>
-            <input type="text" ng-model="server.host" class="form-control" placeholder="address[:port]"/>
-          </td>
-          <td>
-            <input type="text" ng-model="server.username" class="form-control" placeholder="user"/>
-          </td>
-          <td>
-            <input type="password" ng-model="server.password" class="form-control" placeholder="password"/>
-          </td>
-          <td>&nbsp;</td>
-        </tr>
-      </table>
-      <p class="text-center">
-        <button type="submit" class="btn btn-primary">
-          <i class="fa fa-save"></i> Save
-        </button>
-        <button type="button" class="btn btn-success" ng-click="addServer()">
-          <i class="fa fa-plus"></i>
-        </button>
-      </p>
-    </form>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-users" style="color: #e25440;"></i> Users</p>
-     <form ng-submit="saveUsers()" autocomplete="off">
-      <table class="table table-hover">
-        <tr>
-          <th>Email</th>
-          <th>Permissions</th>
-          <th>Password</th>
-          <th>Delete</th>
-        </tr>
-        <tr ng-repeat="user in users | orderBy:natural('email') track by user.id">
-          <td><input type="text" ng-model="user.email" class="form-control"/></td>
-          <td>
-            <select
-              ng-options="p.value as p.label for p in permissions"
-              ng-model="user.permission"
-              class="form-control"
-            >
-            </select>
-          </td>
-          <td>
-            <input type="password" ng-model="user.password" class="form-control" placeholder="Fill to change the password"/>
-          </td>
-          <td><input type="checkbox" ng-model="selectedUsers[user.id]" /></td>
-        </tr>
-        <tr ng-repeat="user in newUsers">
-          <td>
-            <input type="text" ng-model="user.email" class="form-control" placeholder="email"/>
-          </td>
-          <td>
-            <select
-              ng-options="p.value as p.label for p in permissions"
-              ng-model="user.permission"
-              class="form-control"
-            >
-            </select>
-          </td>
-          <td>
-            <input type="password" ng-model="user.password" class="form-control" placeholder="password"/>
-          </td>
-          <td>&nbsp;</td>
-        </tr>
-      </table>
-      <p class="text-center">
-        <button type="submit" class="btn btn-primary">
-          <i class="fa fa-save"></i> Save
-        </button>
-        <button type="button" class="btn btn-success" ng-click="addUser()">
-          <i class="fa fa-plus"></i>
-        </button>
-      </p>
-    </form>
-  </div>
-</div>

app/views/sr.html

@@ -1,228 +0,0 @@
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="xo-icon-sr"></i> {{SR.name_label}}</p>
-  </div>
-</div>
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title">
-      <i class="fa fa-cogs" style="color: #e25440;"></i> General
-      <span class="quick-edit" tooltip="Edit General settings" ng-click="srSettings.$show()">
-        <i class="fa fa-edit fa-fw"></i>
-      </span>
-    </p>
-    <div class="general-properties">
-      <form editable-form name="srSettings" onbeforesave="saveSR($data)">
-        <dl class="dl-horizontal">
-          <dt>Name</dt>
-            <dd>
-              <span editable-text="SR.name_label" e-name="name_label" e-form="srSettings">
-                {{SR.name_label}}
-              </span>
-            </dd>
-          <dt>Description</dt>
-            <dd>
-              <span editable-text="SR.name_description" e-name="name_description" e-form="srSettings">
-                {{SR.name_description}}
-              </span>
-            </dd>
-          <dt>Content type:</dt>
-            <dd>{{SR.SR_type}}</dd>
-          <dt>Tags</dt>
-            <dd ng-if="SR.tags.length">
-              <span ng-repeat="tag in SR.tags">
-                <span class="label label-primary">{{tag}}</span>
-              </span>
-            </dd>
-            <dd ng-if="!SR.tags.length">
-              <em>No tags.</em>
-            </dd>
-          <dt>Shared</dt>
-            <div ng-repeat="container in [SR.$container] | resolve">
-              <dd ng-if="'pool' === container.type">Yes (<a ui-sref="pools_view({id: container.UUID})">{{container.name_label}}</a>)</dd>
-              <dd ng-if="'host' === container.type">No</dd>
-            </div>
-          <dt>Size</dt>
-            <dd>{{SR.size | bytesToSize}}</dd>
-          <dt>UUID</dt>
-            <dd>{{SR.UUID}}</dd>
-        </dl>
-        <div class="btn-form" ng-show="srSettings.$visible">
-          <p class="center">
-            <button type="button" ng-disabled="srSettings.$waiting" ng-click="srSettings.$cancel()" class="btn btn-default">
-              <i class="fa fa-times"></i> Cancel
-            </button>
-            <button type="submit" ng-disabled="srSettings.$waiting" class="btn btn-primary">
-              <i class="fa fa-save"></i> Save
-            </button>
-          </p>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
-    <div class="grid">
-      <div class="grid-cell">
-        <p class="stat-name">Physical Alloc:</p>
-        <p class="center big">{{[SR.physical_usage, SR.size] | %}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">Virtual Alloc:</p>
-        <p class="center big">{{[SR.usage, SR.size] | %}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">VDIs:</p>
-        <p class="center big">{{SR.VDIs.length}}</p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- TODO: Space panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title">
-      <i class="xo-icon-memory" style="color: #e25440;"></i> VDI Map
-    </p>
-    <div class="progress">
-      <div
-        ng-if="((VDI.size/SR.size)*100) > 0.5"
-        ng-repeat="VDI in SR.VDIs | resolve | orderBy:natural('name_label')"
-        class="progress-bar progress-bar-vm"
-        role="progressbar"
-        aria-valuemin="0"
-        aria-valuenow="{{VDI.size}}"
-        aria-valuemax="{{SR.size}}"
-        style="width: {{[VDI.size, SR.size] | %}}"
-        xo-sref="VDIs_view({id: VDI.UUID})"
-        tooltip="{{VDI.name_label}} ({{[VDI.size, SR.size] | %}})"
-      >
-        <!-- display the name only if it fits in its progress bar -->
-        <span ng-if="VDI.name_label.length < ((VDI.size/SR.size)*100)">{{VDI.name_label}}</span>
-      </div>
-    </div>
-    <ul class="list-inline text-center">
-      <li>Total: {{SR.size | bytesToSize}}</li>
-      <li>Currently used: {{SR.usage | bytesToSize}}</li>
-      <li>Available: {{SR.size-SR.usage | bytesToSize}}</li>
-    </ul>
-  </div>
-</div>
-
-<!-- TODO: VDIs. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="srDisks" onbeforesave="saveVDI()" oncancel="cancel()">
-      <p class="flat-panel-title">
-        <i class="fa fa-hdd-o" style="color: #e25440;"></i> Virtual disks
-        <span class="quick-edit" tooltip="Edit disks" ng-click="srDisks.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-        <span class="quick-edit" tooltip="Rescan" ng-click="rescanSr(SR.UUID)">
-          <i class="fa fa-refresh fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <tr>
-          <th>Name</th>
-          <th>Description</th>
-          <th>Size</th>
-          <th>Attached to:</th>
-        </tr>
-        <tr
-          ng-repeat="VDI in SR.VDIs | resolve | orderBy:natural('name_label')"
-          xo-sref="VDIs_view({id: VDI.UUID})"
-        >
-          <td>
-            <span editable-text="VDI.name_label" e-name="name_description" e-form="srDisks">
-              {{VDI.name_label}} <span ng-if="VDI.$snapshot_of" class="label label-info">snapshot</span>
-            </span>
-          </td>
-          <td>
-            <span editable-text="VDI.name_description" e-name="name_description" e-form="srDisks">
-              {{VDI.name_description}}
-            </span>
-          </td>
-          <td>
-            <span editable-text="VDI.size | bytesToSize" e-name="size" e-form="srDisks">
-              {{VDI.size | bytesToSize}}
-            </span>
-          </td>
-          <td
-            ng-if="((VDI.$VBD | resolve).VM)"
-            ng-init="VBD = (VDI.$VBD | resolve)"
-          >
-            {{(((VDI.$VBD | resolve).VM) | resolve).name_label}}
-            <button type="button" ng-show="srDisks.$visible" ng-click="disconnectVBD(VBD.UUID)" class="btn btn-sm btn-danger pull-right" tooltip="Disconnect this disk"><i class="fa fa-unlink fa-lg"></i></button>
-          </td>
-          <td ng-if="!((VDI.$VBD | resolve).VM)">
-            <button type="button" ng-show="srDisks.$visible" ng-click="deleteVDI(VDI.UUID)" class="btn btn-sm btn-danger pull-right" tooltip="Destroy this disk"><i class="fa fa-trash-o fa-lg"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="srDisks.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="srDisks.$waiting" ng-click="srDisks.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="submit" ng-disabled="srDisks.$waiting" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-          <button type="button" ng-disabled="srDisks.$waiting" ng-click="addVDI()" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Add Disk</button>
-        </p>
-      </div>
-    </form>
-  </div>
-</div>
-<!-- /VDIs. -->
-
-<!-- Hosts. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="srHosts" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title">
-        <i class="fa fa-link" style="color: #e25440;"></i> Connected hosts
-        <span class="quick-edit" tooltip="Edit connected hosts" ng-click="srHosts.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-        <span class="quick-edit" tooltip="Reconnect all hosts" ng-click="reconnectAllHosts()">
-          <i class="fa fa-plus-square fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <th>Name</th>
-        <th>Status</th>
-        <tr
-          ng-repeat="PBD in SR.$PBDs | resolve"
-          ng-init="host = (PBD.host | resolve)"
-          xo-sref="hosts_view({id: host.UUID})"
-        >
-          <td>{{host.name_label}}</td>
-          <td ng-if="PBD.attached">
-            <span class="label label-success">Connected</span>
-            <button type="button" ng-show="srHosts.$visible" ng-click="disconnectPBD(host.UUID)" class="btn btn-sm btn-danger pull-right" tooltip="Disconnect this host"><i class="fa fa-unlink fa-lg"></i></button>
-          </td>
-          <td ng-if="!PBD.attached">
-            <span class="label label-default">Disabled</span>
-            <button type="button" ng-show="srHosts.$visible" ng-click="connectPBD(host.UUID)" class="btn btn-sm btn-primary pull-right" tooltip="Connect this host"><i class="fa fa-link fa-lg"></i></button>
-          </td>
-        </tr>
-      </table>
-    </form>
-    </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-comments" style="color: #e25440;"></i> Logs</p>
-    <p class="center" ng-if="!SR.messages.length">No recent logs</p>
-    <table class="table table-hover" ng-if="SR.messages.length">
-      <th class="col-md-1">Date</th>
-      <th class="col-md-1">Name</th>
-      <tr ng-repeat="message in SR.messages | resolve | orderBy:'-time' track by message.UUID">
-        <td>{{message.time*1e3 | date:'medium'}}</td>
-        <td>
-          {{message.name}}
-          <a class="quick-remove" tooltip="Remove log">
-            <i class="fa fa-trash-o fa-fw"> </i>
-          </a>
-        </td>
-      </tr>
-    </table>
-  </div>
-</div>
-<!-- /Hosts. -->

app/views/vm.html

@@ -1,349 +0,0 @@
-  <!-- TODO: lots of stuff. -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="page-title"><i class="xo-icon-vm xo-color-{{VM.power_state | lowercase}}"></i> {{VM.name_label}}</p>
-  </div>
-</div>
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-cogs" style="color: #e25440;"></i> General
-      <span class="quick-edit" tooltip="Edit General settings" ng-click="vmSettings.$show()">
-        <i class="fa fa-edit fa-fw"></i>
-      </span>
-    </p>
-    <div class="general-properties">
-      <form editable-form name="vmSettings" onbeforesave="saveVM($data)">
-        <dl class="dl-horizontal">
-          <dt>Name</dt>
-            <dd>
-              <span editable-text="VM.name_label" e-name="name_label" e-form="vmSettings">
-                {{VM.name_label}}
-              </span>
-            </dd>
-          <dt>Description</dt>
-            <dd>
-              <span editable-text="VM.name_description" e-name="name_description" e-form="vmSettings">
-                {{VM.name_description}}
-              </span>
-            </dd>
-          <dt ng-if="VM.power_state == ('Running' || 'Paused')">Running on:</dt>
-            <dd ng-repeat="container in [VM.$container] | resolve">
-              <a xo-sref="hosts_view({id: container.UUID})">
-                {{container.name_label}}
-              </a>
-            </dd>
-          <dt>Address</dt>
-            <dd ng-repeat="IP in VM.addresses">{{IP}}</dd>
-          <dt>Tags</dt>
-            <dd>
-              <!-- TODO angular select2 in angular xeditable
-              <input type="text" ui-select2="select2Options" ng-model="VM.tags" data-placeholder="tags">
-              -->
-            </dd>
-          <dt>vCPUs</dt>
-            <dd>
-              <span editable-text="VM.CPUs.number" e-name="CPUs" e-form="vmSettings">
-                {{VM.CPUs.number}}
-              </span>
-            </dd>
-          <dt>RAM</dt>
-            <dd>
-              <span editable-text="memorySize" e-name="memory" e-form="vmSettings">
-                {{memorySize}}
-              </span>
-            </dd>
-          <dt>UUID</dt>
-            <dd>{{VM.UUID}}</dd>
-        </dl>
-        <div class="btn-form" ng-show="vmSettings.$visible">
-          <p class="center">
-            <button type="button" ng-disabled="vmSettings.$waiting" ng-click="vmSettings.$cancel()" class="btn btn-default">
-              <i class="fa fa-times"></i> Cancel
-            </button>
-            <button type="submit" ng-disabled="vmSettings.$waiting" class="btn btn-primary">
-              <i class="fa fa-save"></i> Save
-            </button>
-          </p>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-bar-chart-o" style="color: #e25440;"></i> Stats</p>
-    <div class="grid">
-      <div class="grid-cell">
-        <p class="stat-name">vCPUs</p>
-        <p class="center big">{{VM.CPUs.number}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">RAM</p>
-        <p class="center big">{{VM.memory.size | bytesToSize}}</p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">Disks</p>
-        <p class="center big">{{VM.$VBDs.length || 0}}</p>
-      </div>
-    </div>
-    <br/>
-    <div class="grid">
-      <div ng-if="VM.os_version.distro" class="grid-cell">
-        <p class="stat-name">OS:</p>
-        <p class="center big">
-          <i tooltip="{{VM.os_version.name}}" style="color: black;" class="xo-icon-{{osType(VM.os_version.distro)}}"></i>
-        </p>
-      </div>
-      <div class="grid-cell">
-        <p class="stat-name">Xen tools:</p>
-        <p class="center">
-          <span ng-if="VM.PV_drivers" style="color:green;">Installed</span>
-          <span ng-if="!VM.PV_drivers">NOT installed</span>
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Action panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <p class="flat-panel-title"><i class="fa fa-flash" style="color: #e25440;"></i> Actions</p>
-    <div class="grid-cell text-center">
-      <div class="grid">
-        <div class="grid-cell btn-group">
-          <button tooltip="Stop VM" type="button" style="width: 90%" class="btn" xo-click="stopVM(VM.UUID)">
-            <i class="fa fa-stop fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Start VM" type="button" style="width: 90%" class="btn" xo-click="startVM(VM.UUID)">
-            <i class="fa fa-play fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Reboot VM" type="button" style="width: 90%" class="btn" xo-click="rebootVM(VM.UUID)">
-            <i class="fa fa-refresh fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-            <button tooltip="Migrate VM" type="button" style="width: 90%" class="btn dropdown-toggle" data-toggle="dropdown">
-              <i class="fa fa-share fa-2x fa-fw"></i>
-            </button>
-            <ul class="dropdown-menu left" role="menu">
-              <li ng-repeat="host in hosts | orderBy:natural('name_label') track by host.UUID">
-                <a ng-click="migrateVM(VM.UUID, host.UUID)">
-                  <i class="xo-icon-host fa-fw"></i>
-                  To {{host.name_label}}
-                </a>
-              </li>
-            </ul>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Force Reboot" type="button" style="width: 90%" class="btn" xo-click="force_rebootVM(VM.UUID)">
-            <i class="fa fa-flash fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Force Shutdown" type="button" style="width: 90%" class="btn" xo-click="force_stopVM(VM.UUID)">
-            <i class="fa fa-power-off fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Delete VM" type="button" style="width: 90%" class="btn" xo-click="destroyVM(VM.UUID)">
-            <i class="fa fa-trash-o fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group">
-          <button tooltip="Create a snapshot" style="width: 90%" type="button" class="btn" xo-click="snapshotVM(VM.UUID,VM.name_label)">
-            <i class="xo-icon-snapshot fa-2x fa-fw"></i>
-          </button>
-        </div>
-        <div class="grid-cell btn-group" style="margin-bottom: 0.5em">
-          <button tooltip="VM Console" type="button" style="width: 90%" class="btn" xo-sref="consoles_view({id: VM.UUID})">
-            <i class="xo-icon-console fa-2x fa-fw"></i>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- TODO: Disk panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="vmDisks" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title">
-        <i class="xo-icon-sr" style="color: #e25440;"></i> Disk
-        <span class="quick-edit" tooltip="Edit disks" ng-click="vmDisks.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <tr>
-          <th>Name</th>
-          <th>Description</th>
-          <th>Size</th>
-          <th>SR</th>
-          <th>Status</th>
-        </tr>
-        <tr
-          ng-repeat="VDI in VDIs | orderBy:natural('name_label') track by VDI.UUID"
-          ng-init="SR = (VDI.$SR | resolve); VBD = (VDI.$VBD | resolve)"
-          xo-sref="SRs_view({id: SR.UUID})"
-        >
-          <td>
-            <span editable-text="VDI.name_label" e-name="name_label" e-form="vmDisks" e-required>
-              {{VDI.name_label}}
-            </span>
-          </td>
-          <td>
-            <span editable-text="VDI.name_description" e-name="name_description" e-form="vmDisks">
-              {{VDI.name_description}}
-            </span>
-          </td>
-          <td>
-            <span editable-text="VDI.size | bytesToSize" e-name="size" e-form="vmDisks" e-required>
-            {{VDI.size | bytesToSize}}
-            </span>
-          </td>
-          <td>
-            <!-- Are SR editable? will trigger moving VDI to the new SR -->
-            {{SR.name_label}}
-          </td>
-          <td ng-if="VBD.attached">
-            <span editable-checkbox="VBD.attached" e-title="Connected?" class="label label-success" e-form="vmDisks" e-required>Connected</span>
-            <button type="button" ng-show="vmDisks.$visible" ng-click="disconnectVBD(VBD.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-unlink fa-lg" tooltip="Disconnect this disk"></i></button>
-          </td>
-          <td ng-if="!VBD.attached">
-            <span editable-checkbox="VBD.attached" e-title="Connected?" class="label label-default" e-form="vmDisks" e-required>Disconnected</span>
-            <button type="button" ng-show="vmDisks.$visible" ng-click="deleteVDI(VDI.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-trash-o fa-lg" tooltip="Remove this disk"></i></button>
-          </td>
-        </tr>
-        <tr ng-repeat="VDI in newVDIs | resolve | orderBy:natural('name_label') track by VDI.UUID">
-
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="vmDisks.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="vmDisks.$waiting" ng-click="vmDisks.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="submit" ng-disabled="vmDisks.$waiting" ng-click="saveChanges()" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-          <button type="button" ng-disabled="vmDisks.$waiting" ng-click="addVDI()" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Add Disk</button>
-        </p>
-      </div>
-    </form>
-  </div>
-</div>
-
-</div>
-<!-- TODO: Interface panel -->
-<div class="grid">
-  <div class="grid-cell flat-panel">
-    <form editable-form name="vmInterfaces" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="xo-icon-network" style="color: #e25440;"></i> Interface
-        <span class="quick-edit" tooltip="Edit interfaces" ng-click="vmInterfaces.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <table class="table table-hover">
-        <th>Device</th>
-        <th>MAC</th>
-        <th>MTU</th>
-        <th>Network</th>
-        <th>Link status</th>
-        <tr ng-repeat="VIF in VM.VIFs | resolve | orderBy:natural('name_label') track by VIF.UUID">
-          <td>VIF #{{VIF.device}}</td>
-          <td>
-            {{VIF.MAC}}
-          </td>
-          <td>
-            <span editable-text="VIF.MTU" e-name="mtu" e-form="vmInterfaces" e-required>
-              {{VIF.MTU}}
-            </span>
-          </td>
-          <td>
-            {{(VIF.$network | resolve).name_label}}
-          </td>
-          <td ng-if="VIF.attached">
-            <span editable-checkbox="VIF.attached" class="label label-success">Connected</span>
-            <button type="button" ng-show="vmInterfaces.$visible" ng-click="disconnectVIF(VIF.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-ban fa-lg" tooltip="Disconnect this interface"></i></button>
-          </td>
-          <td ng-if="!VIF.attached">
-            <span editable-checkbox="VIF.attached" class="label label-default">Disconnected</span>
-             <button type="button" ng-show="vmInterfaces.$visible" ng-click="deleteVIF(VIF.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-trash-o fa-lg" tooltip="Remove this interface"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="vmInterfaces.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="vmInterfaces.$waiting" ng-click="vmInterfaces.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="button" ng-disabled="vmInterfaces.$waiting" ng-click="saveChanges()" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-          <button type="button" ng-disabled="vmInterfaces.$waiting" ng-click="addNetwork()" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Add Interface</button>
-        </p>
-      </div>
-    </form>
-  </div>
-</div>
-
-<!-- TODO: Snapshot and Logs panels -->
-<div class="grid">
-
-  <!-- Snap panel -->
-  <div class="grid-cell flat-panel">
-    <form editable-form name="vmSnap" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="xo-icon-snapshot" style="color: #e25440;"></i> Snapshots
-        <span class="quick-edit" tooltip="Edit snapshots" ng-click="vmSnap.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <p class="center" ng-if="!VM.snapshots.length">No snapshots</p>
-      <table class="table table-hover" ng-if="VM.snapshots.length">
-        <th>Date</th>
-        <th>Name</th>
-        <tr ng-repeat="snapshot in VM.snapshots | resolve | orderBy:'-snapshot_time' track by snapshot.UUID">
-          <td>{{snapshot.snapshot_time*1e3 | date:'medium'}}</td>
-          <td>
-            <span editable-text="snapshot.name_label" e-name="name_label" e-form="vmSnap" onbeforesave="saveSnapshot(snapshot.UUID, $data)" >
-              {{snapshot.name_label}}
-            </span>
-            <span class="pull-right">
-              <button type="button" ng-show="vmSnap.$visible" ng-click="deleteSnapshot(snapshot.UUID)" class="btn btn-sm btn-danger"><i class="fa fa-trash-o fa-lg" tooltip="Remove this snapshot"></i></button>
-              <button type="button" ng-show="vmSnap.$visible" ng-click="revertSnapshot(snapshot.UUID)" class="btn btn-sm btn-danger"><i class="fa fa-undo fa-lg" tooltip="Revert VM to this snapshot"></i></button>
-            </span>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="vmSnap.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="vmSnap.$waiting" ng-click="vmSnap.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-          <button type="submit" ng-disabled="vmSnap.$waiting" ng-click="saveChanges()" class="btn btn-primary"><i class="fa fa-save"></i> Save</button>
-        </p>
-      </div>
-    </form>
-  </div>
-  <!-- Logs panel -->
-  <div class="grid-cell flat-panel">
-    <form editable-form name="vmLogs" onaftersave="saveTable()" oncancel="cancel()">
-      <p class="flat-panel-title"><i class="fa fa-comments" style="color: #e25440;"></i> Logs
-        <span class="quick-edit" tooltip="Edit logs" ng-click="vmLogs.$show()">
-          <i class="fa fa-edit fa-fw"> </i>
-        </span>
-      </p>
-      <p class="center" ng-if="!VM.messages.length">No recent logs</p>
-      <table class="table table-hover" ng-if="VM.messages.length">
-        <th>Date</th>
-        <th>Name</th>
-        <tr ng-repeat="message in VM.messages | resolve | orderBy:'-time' track by message.UUID">
-          <td>{{message.time*1e3 | date:'medium'}}</td>
-          <td>
-            {{message.name}}
-            <button type="button" ng-show="vmLogs.$visible" ng-click="deleteLog(message.UUID)" class="btn btn-sm btn-danger pull-right"><i class="fa fa-trash-o fa-lg" tooltip="Remove this log entry"></i></button>
-          </td>
-        </tr>
-      </table>
-      <div class="btn-form" ng-show="vmLogs.$visible">
-        <p class="center">
-          <button type="button" ng-disabled="vmLogs.$waiting" ng-click="vmLogs.$cancel()" class="btn btn-default"><i class="fa fa-times"></i> Cancel</button>
-        </p>
-      </div>
-    </form>
-  </div>
-</div>

bower.json

@@ -1,25 +0,0 @@
-{
-  "name": "xo-web",
-  "version": "0.0.0",
-  "dependencies": {
-    "angular": "1.2.13",
-    "angular-animate": "1.2.13",
-    "angular-cookies": "1.2.13",
-    "angular-notify-toaster": "0.4.3",
-    "angular-ui-bootstrap-bower": "0.10.0",
-    "angular-ui-router": "0.2.8-bowratic-tedium",
-    "angular-ui-select2": "0.0.5",
-    "angular-ui-utils": "0.1.1",
-    "angular-xeditable": "0.1.8",
-    "angularjs-naturalsort": "https://bitbucket.org/OverZealous/angularjs-naturalsort/raw/0a5e2a6abc28c079f9b959bfaa29497a71d8a23a/dist/naturalSortVersionDates.min.js",
-    "es5-shim": "2.3.0",
-    "font-awesome": "4.0.3",
-    "jquery": "2.1.0",
-    "json3": "3.3.0",
-    "noVNC": "https://github.com/kanaka/noVNC.git",
-    "sass-bootstrap": "3.0.2"
-  },
-  "resolutions": {
-    "angular": "1.2.13"
-  }
-}

flow-typed/lodash.js

@@ -0,0 +1,24 @@
+declare module 'lodash' {
+  declare export function forEach<K, V>(
+    object: { [K]: V },
+    iteratee: (V, K) => void
+  ): void
+  declare export function groupBy<K, V>(
+    object: { [K]: V },
+    iteratee: K | ((V, K) => string)
+  ): { [string]: V[] }
+  declare export function invert<K, V>(object: { [K]: V }): { [V]: K }
+  declare export function isEmpty(mixed): boolean
+  declare export function keyBy<T>(array: T[], iteratee: string): boolean
+  declare export function last<T>(array?: T[]): T | void
+  declare export function map<T1, T2>(
+    collection: T1[],
+    iteratee: (T1) => T2
+  ): T2[]
+  declare export function mapValues<K, V1, V2>(
+    object: { [K]: V1 },
+    iteratee: (V1, K) => V2
+  ): { [K]: V2 }
+  declare export function noop(...args: mixed[]): void
+  declare export function values<K, V>(object: { [K]: V }): V[]
+}

flow-typed/promise-toolbox.js

@@ -0,0 +1,14 @@
+declare module 'promise-toolbox' {
+  declare export function cancelable(Function): Function
+  declare export function defer<T>(): {|
+    promise: Promise<T>,
+    reject: T => void,
+    resolve: T => void,
+  |}
+  declare export function fromCallback<T>(
+    (cb: (error: any, value: T) => void) => void
+  ): Promise<T>
+  declare export function fromEvent(emitter: mixed, string): Promise<mixed>
+  declare export function ignoreErrors(): Promise<void>
+  declare export function timeout<T>(delay: number): Promise<T>
+}

flow-typed/xo.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line no-undef
+declare type $Dict<T, K = string> = { [K]: T }

gulp

@@ -1 +0,0 @@
-node_modules/.bin/gulp

gulpfile.js

@@ -1,217 +0,0 @@
-'use strict';
-
-//====================================================================
-
-var gulp = require('gulp');
-var $ = require('gulp-load-plugins')();
-
-//====================================================================
-
-var options = require('minimist')(process.argv, {
-  boolean: ['production'],
-
-  default: {
-    production: false,
-  }
-});
-
-//====================================================================
-
-var DIST_DIR = __dirname +'/dist';
-var SRC_DIR = __dirname +'/app';
-var BOWER_DIR = (function () {
-  var cfg;
-
-  try
-  {
-    cfg = JSON.parse(require('fs').readFileSync('./.bowerrc'));
-  }
-  catch (error)
-  {
-    cfg = {};
-  }
-
-  cfg.cwd || (cfg.cwd = __dirname);
-  cfg.directory || (cfg.directory = 'bower_components');
-
-  return cfg.cwd +'/'+ cfg.directory;
-})();
-
-var PRODUCTION = options.production;
-var LIVERELOAD = 46417;
-
-//--------------------------------------------------------------------
-
-var combine = function () {
-  combine = require('stream-combiner');
-  return combine.apply(this, arguments);
-};
-
-var concat = function () {
-  concat = require('event-stream').concat;
-  return concat.apply(this, arguments);
-};
-
-var gIf = function () {
-  gIf = $.if;
-  return gIf.apply(this, arguments);
-};
-
-var src = (function () {
-  if (PRODUCTION)
-  {
-    return function (pattern) {
-      return gulp.src(SRC_DIR +'/'+ pattern, {
-        base: SRC_DIR,
-      });
-    };
-  }
-
-  // gulp-plumber prevents streams from disconnecting when errors.
-  // See: https://gist.github.com/floatdrop/8269868#file-thoughts-md
-  return function (pattern) {
-    return $.watch({
-      glob: SRC_DIR +'/'+ pattern,
-      base: SRC_DIR,
-    }).pipe($.plumber({
-      errorHandler: console.error,
-    }));
-  };
-})();
-
-var dest = (function () {
-  if (PRODUCTION)
-  {
-    return function () {
-      return gulp.dest(DIST_DIR);
-    };
-  }
-
-  return function () {
-    return combine(
-      gulp.dest(DIST_DIR),
-      $.livereload(LIVERELOAD)
-    );
-  };
-})();
-
-//====================================================================
-
-gulp.task('build-pages', function () {
-  // TODO: Add minification (gulp-htmlmin).
-  return concat(
-    src('index.html').pipe(
-      gIf(!PRODUCTION, $.embedlr({
-        port: LIVERELOAD,
-      }))
-    ),
-    src('views/**/*.jade').pipe($.jade()),
-    src('views/**/*.html')
-  ).pipe(
-    dest()
-  );
-});
-
-gulp.task('build-scripts', function () {
-  return concat(
-    src('scripts/**/*.coffee').pipe($.coffee()),
-    src('scripts/**/*.js')
-  ).pipe(
-    gIf(PRODUCTION, combine(
-      $.ngmin(),
-      $.uglify()
-    ))
-  ).pipe(
-    dest()
-  );
-});
-
-gulp.task('build-styles', ['install-bower-components'], function () {
-  return src('styles/main.sass').pipe(
-    $.rubySass({
-      loadPath: [
-        BOWER_DIR,
-
-        // Bug in gulp-ruby-sass, local directory should be in the
-        // include path.
-        SRC_DIR +'/styles'
-      ]
-    })
-  ).pipe(dest());
-});
-
-gulp.task('copy-assets', function () {
-  return src('{favicon.ico,images/**/*}').pipe(
-    dest()
-  );
-});
-
-gulp.task('install-bower-components', function (done) {
-  require('bower').commands.install()
-    .on('error', done)
-    .on('end', function () {
-      done();
-    });
-});
-
-//--------------------------------------------------------------------
-
-gulp.task('check-pages', function () {
-  // TODO: Handle Jade.
-  return gulp.src(SRC_DIR +'/**/*.html')
-    .pipe($.htmlhint({
-      'doctype-first': false, // Incorrect for partials.
-      'img-alt-require': true,
-    }))
-    .pipe($.htmlhint.reporter())
-  ;
-});
-
-gulp.task('check-scripts', function () {
-  return concat(
-    gulp.src(SRC_DIR +'/**/*.coffee')
-      .pipe($.coffeelint())
-      .pipe($.coffeelint.reporter()),
-    gulp.src(SRC_DIR +'/**/*.js')
-      .pipe($.jsvalidate())
-      .pipe($.jshint())
-      .pipe($.jshint.reporter('jshint-stylish'))
-  );
-});
-
-//--------------------------------------------------------------------
-
-gulp.task('build', [
-  'build-pages',
-  'build-scripts',
-  'build-styles',
-  'copy-assets',
-]);
-
-gulp.task('check', [
-  'check-pages',
-  'check-scripts',
-]);
-
-gulp.task('clean', function () {
-  return gulp.src(DIST_DIR, {
-    read: false,
-  }).pipe($.clean());
-});
-
-gulp.task('distclean', ['clean'], function () {
-  return gulp.src(BOWER_DIR, {
-    read: false,
-  }).pipe($.clean());
-});
-
-gulp.task('test', function () {
-  return gulp.src(SRC_DIR +'/**/*.spec.js')
-    .pipe($.mocha({
-      reporter: 'spec'
-    }));
-});
-
-//------------------------------------------------------------------------------
-
-gulp.task('default', ['build']);

package.json

@@ -1,36 +1,69 @@
 {
-  "name": "XO-Web",
-  "version": "3.3.0",
   "devDependencies": {
-    "bower": "~1.2.8",
-    "chai": "^1.9.0",
-    "event-stream": "^3.1.0",
-    "gulp": "^3.5.2",
-    "gulp-clean": "^0.2.4",
-    "gulp-coffee": "^1.4.1",
-    "gulp-coffeelint": "^0.3.1",
-    "gulp-embedlr": "^0.5.2",
-    "gulp-htmlhint": "^0.0.7",
-    "gulp-if": "^0.0.5",
-    "gulp-jade": "^0.4.2",
-    "gulp-jshint": "^1.4.2",
-    "gulp-jsvalidate": "^0.1.1",
-    "gulp-livereload": "^1.1.1",
-    "gulp-load-plugins": "^0.4.0",
-    "gulp-mocha": "^0.4.1",
-    "gulp-ngmin": "^0.1.2",
-    "gulp-plumber": "^0.5.6",
-    "gulp-ruby-sass": "^0.4.0",
-    "gulp-uglify": "^0.2.1",
-    "gulp-watch": "^0.5.0",
-    "jshint-stylish": "^0.1.5",
-    "minimist": "^0.0.8",
-    "stream-combiner": "^0.0.4"
+    "@babel/register": "^7.0.0-beta.44",
+    "babel-7-jest": "^21.3.2",
+    "babel-eslint": "^8.1.2",
+    "benchmark": "^2.1.4",
+    "eslint": "^4.14.0",
+    "eslint-config-standard": "^11.0.0-beta.0",
+    "eslint-config-standard-jsx": "^5.0.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-node": "^6.0.0",
+    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-react": "^7.6.1",
+    "eslint-plugin-standard": "^3.0.1",
+    "exec-promise": "^0.7.0",
+    "flow-bin": "^0.69.0",
+    "globby": "^8.0.0",
+    "husky": "^0.14.3",
+    "jest": "^22.0.4",
+    "lodash": "^4.17.4",
+    "prettier": "^1.10.2",
+    "promise-toolbox": "^0.9.5",
+    "sorted-object": "^2.0.1"
   },
   "engines": {
-    "node": ">=0.8.0"
+    "yarn": "^1.2.1"
   },
+  "jest": {
+    "collectCoverage": true,
+    "projects": [
+      "<rootDir>",
+      "<rootDir>/packages/xo-web"
+    ],
+    "testEnvironment": "node",
+    "testPathIgnorePatterns": [
+      "/dist/",
+      "/xo-web/"
+    ],
+    "testRegex": "\\.spec\\.js$",
+    "transform": {
+      "/@xen-orchestra/cron/.+\\.jsx?$": "babel-7-jest",
+      "/@xen-orchestra/fs/.+\\.jsx?$": "babel-7-jest",
+      "/packages/complex-matcher/.+\\.jsx?$": "babel-7-jest",
+      "/packages/value-matcher/.+\\.jsx?$": "babel-7-jest",
+      "/packages/vhd-lib/.+\\.jsx?$": "babel-7-jest",
+      "/packages/xo-cli/.+\\.jsx?$": "babel-7-jest",
+      "/packages/xo-server/.+\\.jsx?$": "babel-7-jest",
+      "/packages/xo-vmdk-to-vhd/.+\\.jsx?$": "babel-7-jest",
+      "\\.jsx?$": "babel-jest"
+    }
+  },
+  "private": true,
   "scripts": {
-    "test": "gulp test"
-  }
+    "build": "scripts/run-script --parallel build",
+    "clean": "scripts/run-script --parallel clean",
+    "dev": "scripts/run-script --parallel dev",
+    "dev-test": "jest --bail --watch \"^(?!.*\\.integ\\.spec\\.js$)\"",
+    "posttest": "scripts/run-script test",
+    "precommit": "scripts/lint-staged",
+    "prepare": "scripts/run-script prepare",
+    "pretest": "eslint --ignore-path .gitignore .",
+    "test": "jest \"^(?!.*\\.integ\\.spec\\.js$)\"",
+    "test-integration": "jest \".integ\\.spec\\.js$\""
+  },
+  "workspaces": [
+    "@xen-orchestra/*",
+    "packages/*"
+  ]
 }

packages/complex-matcher/.babelrc.js

@@ -0,0 +1,3 @@
+module.exports = require('../../@xen-orchestra/babel-config')(
+  require('./package.json')
+)

packages/complex-matcher/.npmignore

@@ -0,0 +1,24 @@
+/benchmark/
+/benchmarks/
+*.bench.js
+*.bench.js.map
+
+/examples/
+example.js
+example.js.map
+*.example.js
+*.example.js.map
+
+/fixture/
+/fixtures/
+*.fixture.js
+*.fixture.js.map
+*.fixtures.js
+*.fixtures.js.map
+
+/test/
+/tests/
+*.spec.js
+*.spec.js.map
+
+__snapshots__/

packages/complex-matcher/README.md

@@ -0,0 +1,66 @@
+# complex-matcher [![Build Status](https://travis-ci.org/vatesfr/xen-orchestra.png?branch=master)](https://travis-ci.org/vatesfr/xen-orchestra)
+
+> ${pkg.description}
+
+## Install
+
+Installation of the [npm package](https://npmjs.org/package/complex-matcher):
+
+```
+> npm install --save complex-matcher
+```
+
+## Usage
+
+```js
+import * as CM from 'complex-matcher'
+
+const characters = [
+  { name: 'Catwoman', costumeColor: 'black' },
+  { name: 'Superman', costumeColor: 'blue', hasCape: true },
+  { name: 'Wonder Woman', costumeColor: 'blue' },
+]
+
+const predicate = CM.parse('costumeColor:blue hasCape?').createPredicate()
+
+characters.filter(predicate)
+// [
+//   { name: 'Superman', costumeColor: 'blue', hasCape: true },
+// ]
+
+new CM.String('foo').createPredicate()
+```
+
+## Development
+
+```
+# Install dependencies
+> yarn
+
+# Run the tests
+> yarn test
+
+# Continuously compile
+> yarn dev
+
+# Continuously run the tests
+> yarn dev-test
+
+# Build for production (automatically called by npm install)
+> yarn build
+```
+
+## Contributions
+
+Contributions are *very* welcomed, either on the documentation or on
+the code.
+
+You may:
+
+- report any [issue](https://github.com/vatesfr/xen-orchestra/issues)
+  you've encountered;
+- fork and create a pull request.
+
+## License
+
+ISC © [Vates SAS](https://vates.fr)

packages/complex-matcher/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "complex-matcher",
+  "version": "0.3.0",
+  "license": "ISC",
+  "description": "",
+  "keywords": [],
+  "homepage": "https://github.com/vatesfr/xen-orchestra/tree/master/packages/complex-matcher",
+  "bugs": "https://github.com/vatesfr/xen-orchestra/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vatesfr/xen-orchestra.git"
+  },
+  "author": {
+    "name": "Julien Fontanet",
+    "email": "julien.fontanet@isonoe.net"
+  },
+  "preferGlobal": false,
+  "main": "dist/",
+  "bin": {},
+  "files": [
+    "dist/"
+  ],
+  "browserslist": [
+    ">2%"
+  ],
+  "engines": {
+    "node": ">=4"
+  },
+  "dependencies": {
+    "lodash": "^4.17.4"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.0.0-beta.44",
+    "@babel/core": "7.0.0-beta.44",
+    "@babel/preset-env": "7.0.0-beta.44",
+    "babel-plugin-lodash": "^3.3.2",
+    "cross-env": "^5.1.1",
+    "rimraf": "^2.6.2"
+  },
+  "scripts": {
+    "build": "cross-env NODE_ENV=production babel --source-maps --out-dir=dist/ src/",
+    "clean": "rimraf dist/",
+    "dev": "cross-env NODE_ENV=development babel --watch --source-maps --out-dir=dist/ src/",
+    "prebuild": "yarn run clean",
+    "predev": "yarn run prebuild",
+    "prepublishOnly": "yarn run build"
+  }
+}

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

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