mirror of https://github.com/jumpserver/jumpserver
				
				
				
			upload and resove
						commit
						30fd160079
					
				| 
						 | 
				
			
			@ -2,9 +2,13 @@
 | 
			
		|||
 | 
			
		||||
from __future__ import division
 | 
			
		||||
 | 
			
		||||
import datetime
 | 
			
		||||
 | 
			
		||||
from django.db.models import Count
 | 
			
		||||
from django.shortcuts import render_to_response
 | 
			
		||||
from django.template import RequestContext
 | 
			
		||||
from jasset.models import IDC
 | 
			
		||||
from juser.models import DEPT
 | 
			
		||||
from jperm.models import Apply
 | 
			
		||||
from jumpserver.api import *
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -65,11 +69,15 @@ def index_cu(request):
 | 
			
		|||
    return render_to_response('index_cu.html', locals(), context_instance=RequestContext(request))
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@require_login
 | 
			
		||||
def index(request):
 | 
			
		||||
    users = User.objects.all()
 | 
			
		||||
    hosts = Asset.objects.all()
 | 
			
		||||
    online = Log.objects.filter(is_finished=0)
 | 
			
		||||
@require_admin
 | 
			
		||||
def admin_index(request):
 | 
			
		||||
    user_id = request.session.get('user_id', '')
 | 
			
		||||
    user = User.objects.get(id=user_id)
 | 
			
		||||
    dept = user.dept
 | 
			
		||||
    dept_name = user.dept.name
 | 
			
		||||
    users = User.objects.filter(dept=dept)
 | 
			
		||||
    hosts = Asset.objects.filter(dept=dept)
 | 
			
		||||
    online = Log.objects.filter(dept_name=dept_name, is_finished=0)
 | 
			
		||||
    online_host = online.values('host').distinct()
 | 
			
		||||
    online_user = online.values('user').distinct()
 | 
			
		||||
    active_users = users.filter(is_active=1)
 | 
			
		||||
| 
						 | 
				
			
			@ -131,7 +139,6 @@ def index(request):
 | 
			
		|||
 | 
			
		||||
    if is_group_admin(request):
 | 
			
		||||
        return admin_index(request)
 | 
			
		||||
 | 
			
		||||
    users = User.objects.all()
 | 
			
		||||
    hosts = Asset.objects.all()
 | 
			
		||||
    online = Log.objects.filter(is_finished=0)
 | 
			
		||||
| 
						 | 
				
			
			@ -140,14 +147,11 @@ def index(request):
 | 
			
		|||
    active_users = User.objects.filter(is_active=1)
 | 
			
		||||
    active_hosts = Asset.objects.filter(is_active=1)
 | 
			
		||||
 | 
			
		||||
    users_total = users.count() if users.count() else 1
 | 
			
		||||
    hosts_total = hosts.count() if hosts.count() else 1
 | 
			
		||||
 | 
			
		||||
    # percent of dashboard
 | 
			
		||||
    percent_user = format(active_users.count() / users_total, '.0%')
 | 
			
		||||
    percent_host = format(active_hosts.count() / hosts_total, '.0%')
 | 
			
		||||
    percent_online_user = format(online_user.count() / users_total, '.0%')
 | 
			
		||||
    percent_online_host = format(online_host.count() / hosts_total, '.0%')
 | 
			
		||||
    percent_user = format(active_users.count() / users.count(), '.0%')
 | 
			
		||||
    percent_host = format(active_hosts.count() / hosts.count(), '.0%')
 | 
			
		||||
    percent_online_user = format(online_user.count() / users.count(), '.0%')
 | 
			
		||||
    percent_online_host = format(online_host.count() / hosts.count(), '.0%')
 | 
			
		||||
 | 
			
		||||
    li_date, li_str = getDaysByNum(7)
 | 
			
		||||
    today = datetime.datetime.now().day
 | 
			
		||||
| 
						 | 
				
			
			@ -286,12 +290,4 @@ def install(request):
 | 
			
		|||
 | 
			
		||||
 | 
			
		||||
def upload(request):
 | 
			
		||||
    if request.method == 'POST':
 | 
			
		||||
        host = request.POST.get('host')
 | 
			
		||||
        path = request.POST.get('path')
 | 
			
		||||
        upload_file = request.FILES.getlist('file', None)
 | 
			
		||||
 | 
			
		||||
        if upload_file:
 | 
			
		||||
            return HttpResponse(upload_file)
 | 
			
		||||
 | 
			
		||||
    return render_to_response('upload.html', locals(), context_instance=RequestContext(request))
 | 
			
		||||
    pass
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -0,0 +1,155 @@
 | 
			
		|||
/* The MIT License */
 | 
			
		||||
.dropzone,
 | 
			
		||||
.dropzone *,
 | 
			
		||||
.dropzone-previews,
 | 
			
		||||
.dropzone-previews * {
 | 
			
		||||
  -webkit-box-sizing: border-box;
 | 
			
		||||
  -moz-box-sizing: border-box;
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
.dropzone {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  border: 1px solid rgba(0,0,0,0.08);
 | 
			
		||||
  background: rgba(0,0,0,0.02);
 | 
			
		||||
  padding: 1em;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable .dz-message,
 | 
			
		||||
.dropzone.dz-clickable .dz-message span {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable * {
 | 
			
		||||
  cursor: default;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-message {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-drag-hover {
 | 
			
		||||
  border-color: rgba(0,0,0,0.15);
 | 
			
		||||
  background: rgba(0,0,0,0.04);
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-started .dz-message {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview,
 | 
			
		||||
.dropzone-previews .dz-preview {
 | 
			
		||||
  background: rgba(255,255,255,0.8);
 | 
			
		||||
  position: relative;
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
  margin: 17px;
 | 
			
		||||
  vertical-align: top;
 | 
			
		||||
  border: 1px solid #acacac;
 | 
			
		||||
  padding: 6px 6px 6px 6px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
 | 
			
		||||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details {
 | 
			
		||||
  width: 100px;
 | 
			
		||||
  height: 100px;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  background: #ebebeb;
 | 
			
		||||
  padding: 5px;
 | 
			
		||||
  margin-bottom: 22px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details .dz-filename,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details .dz-filename {
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details img,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details img {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  width: 100px;
 | 
			
		||||
  height: 100px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details .dz-size,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details .dz-size {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  bottom: -28px;
 | 
			
		||||
  left: 3px;
 | 
			
		||||
  height: 28px;
 | 
			
		||||
  line-height: 28px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-error .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-success .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview:hover .dz-details img,
 | 
			
		||||
.dropzone-previews .dz-preview:hover .dz-details img {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark {
 | 
			
		||||
  display: none;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  width: 40px;
 | 
			
		||||
  height: 40px;
 | 
			
		||||
  font-size: 30px;
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  right: -10px;
 | 
			
		||||
  top: -10px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark {
 | 
			
		||||
  color: #8cc657;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark {
 | 
			
		||||
  color: #ee162d;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-progress,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-progress {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 100px;
 | 
			
		||||
  left: 6px;
 | 
			
		||||
  right: 6px;
 | 
			
		||||
  height: 6px;
 | 
			
		||||
  background: #d7d7d7;
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-progress .dz-upload,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
 | 
			
		||||
  display: block;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  bottom: 0;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  width: 0%;
 | 
			
		||||
  background-color: #8cc657;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-processing .dz-progress,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-processing .dz-progress {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-message {
 | 
			
		||||
  display: none;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: -5px;
 | 
			
		||||
  left: -20px;
 | 
			
		||||
  background: rgba(245,245,245,0.8);
 | 
			
		||||
  padding: 8px 10px;
 | 
			
		||||
  color: #800;
 | 
			
		||||
  min-width: 140px;
 | 
			
		||||
  max-width: 500px;
 | 
			
		||||
  z-index: 500;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview:hover.dz-error .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,410 @@
 | 
			
		|||
/* The MIT License */
 | 
			
		||||
.dropzone,
 | 
			
		||||
.dropzone *,
 | 
			
		||||
.dropzone-previews,
 | 
			
		||||
.dropzone-previews * {
 | 
			
		||||
  -webkit-box-sizing: border-box;
 | 
			
		||||
  -moz-box-sizing: border-box;
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
.dropzone {
 | 
			
		||||
  position: relative;
 | 
			
		||||
  border: 1px solid rgba(0,0,0,0.08);
 | 
			
		||||
  background: rgba(0,0,0,0.02);
 | 
			
		||||
  padding: 1em;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable .dz-message,
 | 
			
		||||
.dropzone.dz-clickable .dz-message span {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-clickable * {
 | 
			
		||||
  cursor: default;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-message {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-drag-hover {
 | 
			
		||||
  border-color: rgba(0,0,0,0.15);
 | 
			
		||||
  background: rgba(0,0,0,0.04);
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-started .dz-message {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview,
 | 
			
		||||
.dropzone-previews .dz-preview {
 | 
			
		||||
  background: rgba(255,255,255,0.8);
 | 
			
		||||
  position: relative;
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
  margin: 17px;
 | 
			
		||||
  vertical-align: top;
 | 
			
		||||
  border: 1px solid #acacac;
 | 
			
		||||
  padding: 6px 6px 6px 6px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
 | 
			
		||||
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details {
 | 
			
		||||
  width: 100px;
 | 
			
		||||
  height: 100px;
 | 
			
		||||
  position: relative;
 | 
			
		||||
  background: #ebebeb;
 | 
			
		||||
  padding: 5px;
 | 
			
		||||
  margin-bottom: 22px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details .dz-filename,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details .dz-filename {
 | 
			
		||||
  overflow: hidden;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details img,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details img {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  width: 100px;
 | 
			
		||||
  height: 100px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-details .dz-size,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-details .dz-size {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  bottom: -28px;
 | 
			
		||||
  left: 3px;
 | 
			
		||||
  height: 28px;
 | 
			
		||||
  line-height: 28px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-error .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-success .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview:hover .dz-details img,
 | 
			
		||||
.dropzone-previews .dz-preview:hover .dz-details img {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark {
 | 
			
		||||
  display: none;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  width: 40px;
 | 
			
		||||
  height: 40px;
 | 
			
		||||
  font-size: 30px;
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  right: -10px;
 | 
			
		||||
  top: -10px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark {
 | 
			
		||||
  color: #8cc657;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark {
 | 
			
		||||
  color: #ee162d;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-progress,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-progress {
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 100px;
 | 
			
		||||
  left: 6px;
 | 
			
		||||
  right: 6px;
 | 
			
		||||
  height: 6px;
 | 
			
		||||
  background: #d7d7d7;
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-progress .dz-upload,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
 | 
			
		||||
  display: block;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  bottom: 0;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  width: 0%;
 | 
			
		||||
  background-color: #8cc657;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-processing .dz-progress,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-processing .dz-progress {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-message {
 | 
			
		||||
  display: none;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: -5px;
 | 
			
		||||
  left: -20px;
 | 
			
		||||
  background: rgba(245,245,245,0.8);
 | 
			
		||||
  padding: 8px 10px;
 | 
			
		||||
  color: #800;
 | 
			
		||||
  min-width: 140px;
 | 
			
		||||
  max-width: 500px;
 | 
			
		||||
  z-index: 500;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview:hover.dz-error .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
 | 
			
		||||
  display: block;
 | 
			
		||||
}
 | 
			
		||||
.dropzone {
 | 
			
		||||
  border: 1px solid rgba(0,0,0,0.03);
 | 
			
		||||
  min-height: 360px;
 | 
			
		||||
  -webkit-border-radius: 3px;
 | 
			
		||||
  border-radius: 3px;
 | 
			
		||||
  background: rgba(0,0,0,0.03);
 | 
			
		||||
  padding: 23px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-default.dz-message {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
  -webkit-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -moz-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -o-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -ms-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  background-image: url("../images/spritemap.png");
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
  background-position: 0 0;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  width: 428px;
 | 
			
		||||
  height: 123px;
 | 
			
		||||
  margin-left: -214px;
 | 
			
		||||
  margin-top: -61.5px;
 | 
			
		||||
  top: 50%;
 | 
			
		||||
  left: 50%;
 | 
			
		||||
}
 | 
			
		||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
 | 
			
		||||
  .dropzone .dz-default.dz-message {
 | 
			
		||||
    background-image: url("../images/spritemap@2x.png");
 | 
			
		||||
    -webkit-background-size: 428px 406px;
 | 
			
		||||
    -moz-background-size: 428px 406px;
 | 
			
		||||
    background-size: 428px 406px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-default.dz-message span {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-square .dz-default.dz-message {
 | 
			
		||||
  background-position: 0 -123px;
 | 
			
		||||
  width: 268px;
 | 
			
		||||
  margin-left: -134px;
 | 
			
		||||
  height: 174px;
 | 
			
		||||
  margin-top: -87px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-drag-hover .dz-message {
 | 
			
		||||
  opacity: 0.15;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
 | 
			
		||||
  filter: alpha(opacity=15);
 | 
			
		||||
}
 | 
			
		||||
.dropzone.dz-started .dz-message {
 | 
			
		||||
  display: block;
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 | 
			
		||||
  filter: alpha(opacity=0);
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview,
 | 
			
		||||
.dropzone-previews .dz-preview {
 | 
			
		||||
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
 | 
			
		||||
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
 | 
			
		||||
  font-size: 14px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
 | 
			
		||||
  display: block;
 | 
			
		||||
  opacity: 0.1;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
 | 
			
		||||
  filter: alpha(opacity=10);
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-success .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-error .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
 | 
			
		||||
  background: #ee1e2d;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark {
 | 
			
		||||
  display: block;
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 | 
			
		||||
  filter: alpha(opacity=0);
 | 
			
		||||
  -webkit-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -moz-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -o-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -ms-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  background-image: url("../images/spritemap.png");
 | 
			
		||||
  background-repeat: no-repeat;
 | 
			
		||||
}
 | 
			
		||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
 | 
			
		||||
  .dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
  .dropzone-previews .dz-preview .dz-error-mark,
 | 
			
		||||
  .dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
  .dropzone-previews .dz-preview .dz-success-mark {
 | 
			
		||||
    background-image: url("../images/spritemap@2x.png");
 | 
			
		||||
    -webkit-background-size: 428px 406px;
 | 
			
		||||
    -moz-background-size: 428px 406px;
 | 
			
		||||
    background-size: 428px 406px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark span,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark span,
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark span,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark span {
 | 
			
		||||
  display: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-mark {
 | 
			
		||||
  background-position: -268px -123px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-success-mark,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-success-mark {
 | 
			
		||||
  background-position: -268px -163px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-progress .dz-upload,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-progress .dz-upload {
 | 
			
		||||
  -webkit-animation: loading 0.4s linear infinite;
 | 
			
		||||
  -moz-animation: loading 0.4s linear infinite;
 | 
			
		||||
  -o-animation: loading 0.4s linear infinite;
 | 
			
		||||
  -ms-animation: loading 0.4s linear infinite;
 | 
			
		||||
  animation: loading 0.4s linear infinite;
 | 
			
		||||
  -webkit-transition: width 0.3s ease-in-out;
 | 
			
		||||
  -moz-transition: width 0.3s ease-in-out;
 | 
			
		||||
  -o-transition: width 0.3s ease-in-out;
 | 
			
		||||
  -ms-transition: width 0.3s ease-in-out;
 | 
			
		||||
  transition: width 0.3s ease-in-out;
 | 
			
		||||
  -webkit-border-radius: 2px;
 | 
			
		||||
  border-radius: 2px;
 | 
			
		||||
  position: absolute;
 | 
			
		||||
  top: 0;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  width: 0%;
 | 
			
		||||
  height: 100%;
 | 
			
		||||
  background-image: url("../images/spritemap.png");
 | 
			
		||||
  background-repeat: repeat-x;
 | 
			
		||||
  background-position: 0px -400px;
 | 
			
		||||
}
 | 
			
		||||
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
 | 
			
		||||
  .dropzone .dz-preview .dz-progress .dz-upload,
 | 
			
		||||
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
 | 
			
		||||
    background-image: url("../images/spritemap@2x.png");
 | 
			
		||||
    -webkit-background-size: 428px 406px;
 | 
			
		||||
    -moz-background-size: 428px 406px;
 | 
			
		||||
    background-size: 428px 406px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview.dz-success .dz-progress,
 | 
			
		||||
.dropzone-previews .dz-preview.dz-success .dz-progress {
 | 
			
		||||
  display: block;
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 | 
			
		||||
  filter: alpha(opacity=0);
 | 
			
		||||
  -webkit-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -moz-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -o-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  -ms-transition: opacity 0.4s ease-in-out;
 | 
			
		||||
  transition: opacity 0.4s ease-in-out;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview .dz-error-message {
 | 
			
		||||
  display: block;
 | 
			
		||||
  opacity: 0;
 | 
			
		||||
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 | 
			
		||||
  filter: alpha(opacity=0);
 | 
			
		||||
  -webkit-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -moz-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -o-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  -ms-transition: opacity 0.3s ease-in-out;
 | 
			
		||||
  transition: opacity 0.3s ease-in-out;
 | 
			
		||||
}
 | 
			
		||||
.dropzone .dz-preview:hover.dz-error .dz-error-message,
 | 
			
		||||
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
 | 
			
		||||
  opacity: 1;
 | 
			
		||||
  -ms-filter: none;
 | 
			
		||||
  filter: none;
 | 
			
		||||
}
 | 
			
		||||
.dropzone a.dz-remove,
 | 
			
		||||
.dropzone-previews a.dz-remove {
 | 
			
		||||
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
 | 
			
		||||
  background-image: -moz-linear-gradient(top, #fafafa, #eee);
 | 
			
		||||
  background-image: -o-linear-gradient(top, #fafafa, #eee);
 | 
			
		||||
  background-image: -ms-linear-gradient(top, #fafafa, #eee);
 | 
			
		||||
  background-image: linear-gradient(to bottom, #fafafa, #eee);
 | 
			
		||||
  -webkit-border-radius: 2px;
 | 
			
		||||
  border-radius: 2px;
 | 
			
		||||
  border: 1px solid #eee;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  display: block;
 | 
			
		||||
  padding: 4px 5px;
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  color: #aaa;
 | 
			
		||||
  margin-top: 26px;
 | 
			
		||||
}
 | 
			
		||||
.dropzone a.dz-remove:hover,
 | 
			
		||||
.dropzone-previews a.dz-remove:hover {
 | 
			
		||||
  color: #666;
 | 
			
		||||
}
 | 
			
		||||
@-moz-keyframes loading {
 | 
			
		||||
  0% {
 | 
			
		||||
    background-position: 0 -400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  100% {
 | 
			
		||||
    background-position: -7px -400px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@-webkit-keyframes loading {
 | 
			
		||||
  0% {
 | 
			
		||||
    background-position: 0 -400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  100% {
 | 
			
		||||
    background-position: -7px -400px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@-o-keyframes loading {
 | 
			
		||||
  0% {
 | 
			
		||||
    background-position: 0 -400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  100% {
 | 
			
		||||
    background-position: -7px -400px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@-ms-keyframes loading {
 | 
			
		||||
  0% {
 | 
			
		||||
    background-position: 0 -400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  100% {
 | 
			
		||||
    background-position: -7px -400px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@keyframes loading {
 | 
			
		||||
  0% {
 | 
			
		||||
    background-position: 0 -400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  100% {
 | 
			
		||||
    background-position: -7px -400px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 7.2 KiB  | 
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 6.4 KiB  | 
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 10 KiB  | 
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
		Loading…
	
		Reference in New Issue