diff options
Diffstat (limited to 'module/web/templates/default/dashboard.html')
| -rw-r--r-- | module/web/templates/default/dashboard.html | 117 |
1 files changed, 76 insertions, 41 deletions
diff --git a/module/web/templates/default/dashboard.html b/module/web/templates/default/dashboard.html index d02d299e4..1e0039b91 100644 --- a/module/web/templates/default/dashboard.html +++ b/module/web/templates/default/dashboard.html @@ -142,22 +142,24 @@ <li class="package-item">
<i class="iconf-check-empty"></i>
Package
- {# <div class="package-info">#}
- {# 1/2 5MIB 100 MIB#}
- {# </div>#}
- <div class="package-indicator">
- <i class="iconf-tags"></i>
- <i class="iconf-pause"></i>
- <i class="iconf-remove"></i>
- <i class="iconf-tasks"></i>
- <i class="iconf-chevron-down"></i>
- </div>
- <div class="progress">
- <div class="bar bar-info" style="width: 50%">
- 10 MB
+ <div class="package-frame">
+ <div class="tag-area">
+ <span class="badge badge-success badge-ghost"><i class="icon-tag icon-white"></i> Add Tag</span>
+ </div>
+ <div class="package-indicator">
+ <i class="iconf-tags"></i>
+ <i class="iconf-pause"></i>
+ <i class="iconf-remove"></i>
+ <i class="iconf-tasks"></i>
+ <i class="iconf-chevron-down"></i>
</div>
- <div class="bar bar-danger" style="width: 20%">
- 20 MB
+ <div class="progress">
+ <div class="bar bar-info" style="width: 50%">
+ 10 MB
+ </div>
+ <div class="bar bar-danger" style="width: 20%">
+ 20 MB
+ </div>
</div>
</div>
</li>
@@ -165,43 +167,76 @@ <i class="iconf-check-empty"></i>
many many More packages with really long names, some
even don't fit on the screen
- <div class="package-indicator">
- <i class="iconf-tags"></i>
- <i class="iconf-remove"></i>
- <i class="iconf-pause"></i>
- <i class="iconf-tasks"></i>
- <i class="iconf-chevron-down"></i>
- </div>
- <div class="progress">
- <div class="bar bar-info" style="width: 50%"></div>
+ <div class="package-frame">
+ <div class="package-indicator">
+ <i class="iconf-tags"></i>
+ <i class="iconf-remove"></i>
+ <i class="iconf-pause"></i>
+ <i class="iconf-tasks"></i>
+ <i class="iconf-chevron-down"></i>
+ </div>
+ <div class="progress">
+ <div class="bar bar-info" style="width: 50%">
+ 10 MB
+ </div>
+ </div>
</div>
</li>
<li class="package-item">
<i class="iconf-check-empty"></i>
Some.Movie.Title.2011.Language.DTS-HD.DL.1080p.BluRay.AVC.REMUX-xyzHD
- <div class="package-indicator">
- <i class="iconf-tags"></i>
- <i class="iconf-remove"></i>
- <i class="iconf-pause"></i>
- <i class="iconf-tasks"></i>
- <i class="iconf-chevron-down"></i>
- </div>
- <div class="progress">
- <div class="bar bar-info" style="width: 50%"></div>
+ <div class="package-frame">
+ <div class="package-indicator">
+ <i class="iconf-tags"></i>
+ <i class="iconf-remove"></i>
+ <i class="iconf-pause"></i>
+ <i class="iconf-tasks"></i>
+ <i class="iconf-chevron-down"></i>
+ </div>
+ <div class="progress">
+ <div class="bar bar-info" style="width: 50%">
+ xy
+ </div>
+ </div>
</div>
</li>
<li class="package-item">
<i class="iconf-check-empty"></i>
A.Movie.with.a.slightly.larger.Title.2012.720p.DTS.Bluray.x264-ReleaseGrp
- <div class="package-indicator">
- <i class="iconf-tags"></i>
- <i class="iconf-remove"></i>
- <i class="iconf-pause"></i>
- <i class="iconf-tasks"></i>
- <i class="iconf-chevron-down"></i>
+ <div class="package-frame">
+ <div class="package-indicator">
+ <i class="iconf-tags"></i>
+ <i class="iconf-remove"></i>
+ <i class="iconf-pause"></i>
+ <i class="iconf-tasks"></i>
+ <i class="iconf-chevron-down"></i>
+ </div>
+ <div class="progress">
+ <div class="bar bar-info" style="width: 50%">
+ abc 12
+ </div>
+ </div>
</div>
- <div class="progress">
- <div class="bar bar-info" style="width: 50%"></div>
+ </li>
+ <li class="package-item">
+ <i class="iconf-check-empty"></i>
+ Package
+ <div class="package-frame">
+ <div class="package-indicator">
+ <i class="iconf-tags"></i>
+ <i class="iconf-pause"></i>
+ <i class="iconf-remove"></i>
+ <i class="iconf-tasks"></i>
+ <i class="iconf-chevron-down"></i>
+ </div>
+ <div class="progress">
+ <div class="bar bar-info" style="width: 50%">
+ 10 MB
+ </div>
+ <div class="bar bar-danger" style="width: 20%">
+ 20 MB
+ </div>
+ </div>
</div>
</li>
</ul>
|