jessikitty/Disco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature #44: Image capture WebRTC & HTML5 FileIO

Browse Source 
Silverlight was previously used to capture webcam pictures and upload
file attachments. HTML5 FileIO is now used for all attachment uploading
- including drag-drop support. WebRTC is used to capture webcam images -
this falls back to a Flash polyfill when WebRTC isn't supported.
This commit is contained in:
Gary Sharp
2014-06-05 21:01:43 +10:00
parent d040ab094c
commit b64ac3b16f
40 changed files with 3221 additions and 2444 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Disco.Web/ClientSource/Style/Site.css
+100
View File
@@ -1082,6 +1082,106 @@ div.form > table table.sub > tbody > tr > th.name {
border-right: none;
padding-right: 0;
}
div.disco-attachmentUpload-dropTarget {
display: none;
}
div.disco-attachmentUpload-dropTarget.dragHighlight {
display: block;
position: absolute;
z-index: 1000;
top: 0;
left: 0;
width: calc(100% - 6px);
height: calc(100% - 6px);
background-color: rgba(251, 218, 152, 0.5);
border: 3px dashed #f0a30a;
}
div.disco-attachmentUpload-dropTarget.dragHighlight h2 {
margin-top: 3em !important;
color: #2c1e02;
text-align: center;
font-weight: bold;
}
div.disco-attachmentUpload-dropTarget.dragHighlight.dragHover {
background-color: rgba(173, 235, 110, 0.5);
border: 3px dashed #60a917;
}
div.disco-attachmentUpload-dropTarget.dragHighlight.dragHover h2 {
color: #000000;
}
div.disco-attachmentUpload-progress {
position: absolute;
right: 0px;
bottom: 48px;
}
div.disco-attachmentUpload-progress > div {
background-color: #fafafa;
padding: 4px 8px;
}
div.disco-attachmentUpload-progress > div i {
color: #1e6dab;
margin-right: 4px;
}
div.disco-attachmentUpload-commentDialog {
padding: 0.25em 0.5em !important;
}
div.disco-attachmentUpload-commentDialog table {
border: solid 1px #f4f4f4;
border-collapse: collapse;
table-layout: fixed;
}
div.disco-attachmentUpload-commentDialog table > tbody > tr > td {
border: solid 1px #f4f4f4;
background-color: #ffffff;
}
div.disco-attachmentUpload-commentDialog table > tbody > tr:nth-child(odd) > td {
background-color: #fcfcfc;
}
div.disco-attachmentUpload-commentDialog table > thead > tr > th,
div.disco-attachmentUpload-commentDialog table > tbody > tr > th {
background-color: #f4f4f4;
border: solid 1px #f4f4f4;
}
div.disco-attachmentUpload-commentDialog table > tbody > tr:hover > td {
background-color: #fefefe;
}
div.disco-attachmentUpload-commentDialog table > tbody > tr:hover:nth-child(odd) > td {
background-color: #fafafa;
}
div.disco-attachmentUpload-commentDialog table > tfoot > tr > th,
div.disco-attachmentUpload-commentDialog table > tfoot > tr > td {
background-color: #f4f4f4;
}
div.disco-attachmentUpload-commentDialog table th {
width: 80px;
}
div.disco-attachmentUpload-commentDialog table td.filename {
font-family: Consolas, "Courier New", monospace;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
div.disco-attachmentUpload-commentDialog table input.comments {
width: calc(100% - 5px);
}
div.disco-attachmentUpload-commentDialog table td.thumbnail {
display: none;
text-align: center;
}
div.disco-attachmentUpload-commentDialog table td.thumbnail img {
border: 1px solid #9e9e9e;
max-height: 250px;
max-width: 374px;
}
div.disco-attachmentUpload-imageDialog {
background-color: #000000 !important;
padding: 0 !important;
overflow: hidden !important;
width: 720px !important;
height: 540px !important;
}
.d-priority-high {
color: #fa6800;
width: 1.2857142857142858em;