forked from MarkDurbin104/3dp.rocks
-
Notifications
You must be signed in to change notification settings - Fork 0
/
images-page.html
49 lines (47 loc) · 2.03 KB
/
images-page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<style>
.upload-drop-zone {
min-height: 200px;
border-width: 2px;
margin-bottom: 20px;
color: #ccc;
border-style: dashed;
border-color: #ccc;
line-height: 200px;
text-align: center;
display: block;
}
.upload-drop-zone.drop {
color: #222;
border-color: #222;
}
.progress-bar {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
</style>
<div ng-show="tab.isCurrent(1)" >
<div class="panel panel-default">
<div class="panel-heading"><strong>{{tab.tabTitle(1)}}</strong> <small>{{tab.tabHint(1)}}</small></div>
<div class="panel-body">
<h4 >{{lithoapp.textMessage('selectfiles')}}</h4>
<input type="file" id="js-upload-files" multiple onchange="angular.element(this).scope().fileDrop(this.files);">
<h4>{{lithoapp.textMessage('orDragDrop')}}</h4>
<div class="well" style="overflow-x: auto; overflow-y: auto;" >
<div class="upload-drop-zone" id="droptarget">{{lithoapp.textMessage('dropHere')}}</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="{{loadProgress}}" aria-valuemin="0" aria-valuemax="100" ng-style="{width : ( loadProgress '%' ) }">{{loadStatus}}</div>
</div>
<div class="js-upload-finished">
<h3>{{lithoapp.textMessage('processedFiles')}}</h3>
<div class="list-group">
<a ng-repeat="file in files" href="#" ng-click="lithoapp.fileClicked(tab,file)" class="list-group-item list-group-item-success">
<span class="badge alert-success pull-right">{{lithoapp.fileIsSelected(file)?lithoapp.statusMessage('Selected'):''}}</span>{{file.name}}</a>
</div>
</div>
</div>
</div>
</div>