Path

Path Component Structure

1. Init status with loading
2. Create loadingProgressBar component
3. Computed cloneDestinationImplicit with address parser
4. When using the path component, it will execute shown method and the updateStatus method at the first time. Then, it will send a request to /quickstatus to get the current status.

2-way binding attributes

Attribute Name	Default Value
repoPath	path (passed from parent component)
status	false
cloneUrl	x
cloneDestination	x
repository	x

┌-----------------------------------#path----------------------------------------┓
|                                                                                |
| ┌--------------------------#loadingProgressBar-------------------------------┓ |
| |                          :status == 'loading'                              | |
| ┖----------------------------------------------------------------------------┚ |
| ┌--------------------------#cloningProgressBar-------------------------------┓ |
| |                          :status == 'cloning'                              | |
| ┖----------------------------------------------------------------------------┚ |
| ┌----------------------------------DIV---------------------------------------┓ |
| |                         :status == 'uninited'                              | |
| ┖----------------------------------------------------------------------------┚ |
| ┌----------------------------------DIV---------------------------------------┓ |
| |                         :status == 'no-such-path'                          | |
| ┖----------------------------------------------------------------------------┚ |
| ┌------------------------------#repository-----------------------------------┓ |
| |                              :repository                                   | |
| ┖----------------------------------------------------------------------------┚ |
┖--------------------------------------------------------------------------------┚