Skip to content

J
jumpserver
Commit cf15b7ea authored by ibuler's avatar ibuler
Browse files
Options

Add UserGroup some View

parent 651e8999
Hide whitespace changes
Inline Side-by-side
Showing with 718 additions and 445 deletions
apps/static/css/plugins/chosen/chosen.css
View file @ cf15b7ea
/*! /*!
Chosen, a Select Box Enhancer for jQuery and Prototype Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com by Patrick Filler for Harvest, http://getharvest.com
Version 1.1.0 Version 1.1.0
Full source at https://github.com/harvesthq/chosen Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand. This file is generated by `grunt build`, do not edit it by hand.
*/ */
/* @group Base */ /* @group Base */
.chosen-container { .chosen-container {
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
font-size: 13px; font-size: 13px;
zoom: 1; zoom: 1;
*display: inline; *display: inline;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
user-select: none; user-select: none;
} }
.chosen-container .chosen-drop { .chosen-container .chosen-drop {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: -9999px; left: -9999px;
z-index: 1010; z-index: 1010;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
border: 1px solid #aaa; border: 1px solid #aaa;
border-top: 0; border-top: 0;
background: #fff; background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
} }
.chosen-container.chosen-with-drop .chosen-drop { .chosen-container.chosen-with-drop .chosen-drop {
left: 0; left: 0;
} }
.chosen-container a { .chosen-container a {
cursor: pointer; cursor: pointer;
} }
/* @end */ /* @end */
/* @group Single Chosen */ /* @group Single Chosen */
.chosen-container-single .chosen-single { .chosen-container-single .chosen-single {
position: relative; position: relative;
display: block; display: block;
overflow: hidden; overflow: hidden;
padding: 0 0 0 8px; padding: 0 0 0 8px;
height: 23px; height: 23px;
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444; color: #444;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
line-height: 24px; line-height: 24px;
} }
.chosen-container-single .chosen-default { .chosen-container-single .chosen-default {
color: #999; color: #999;
} }
.chosen-container-single .chosen-single span { .chosen-container-single .chosen-single span {
display: block; display: block;
overflow: hidden; overflow: hidden;
margin-right: 26px; margin-right: 26px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.chosen-container-single .chosen-single-with-deselect span { .chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px; margin-right: 38px;
} }
.chosen-container-single .chosen-single abbr { .chosen-container-single .chosen-single abbr {
position: absolute; position: absolute;
top: 6px; top: 6px;
right: 26px; right: 26px;
display: block; display: block;
width: 12px; width: 12px;
height: 12px; height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat; background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px; font-size: 1px;
} }
.chosen-container-single .chosen-single abbr:hover { .chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px; background-position: -42px -10px;
} }
.chosen-container-single.chosen-disabled .chosen-single abbr:hover { .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px; background-position: -42px -10px;
} }
.chosen-container-single .chosen-single div { .chosen-container-single .chosen-single div {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
display: block; display: block;
width: 18px; width: 18px;
height: 100%; height: 100%;
} }
.chosen-container-single .chosen-single div b { .chosen-container-single .chosen-single div b {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('chosen-sprite.png') no-repeat 0px 2px; background: url('chosen-sprite.png') no-repeat 0px 2px;
} }
.chosen-container-single .chosen-search { .chosen-container-single .chosen-search {
position: relative; position: relative;
z-index: 1010; z-index: 1010;
margin: 0; margin: 0;
padding: 3px 4px; padding: 3px 4px;
white-space: nowrap; white-space: nowrap;
} }
.chosen-container-single .chosen-search input[type="text"] { .chosen-container-single .chosen-search input[type="text"] {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
margin: 1px 0; margin: 1px 0;
padding: 4px 20px 4px 5px; padding: 4px 20px 4px 5px;
width: 100%; width: 100%;
height: auto; height: auto;
outline: 0; outline: 0;
border: 1px solid #aaa; border: 1px solid #aaa;
background: white url('chosen-sprite.png') no-repeat 100% -20px; background: white url('chosen-sprite.png') no-repeat 100% -20px;
background: url('chosen-sprite.png') no-repeat 100% -20px; background: url('chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em; font-size: 1em;
font-family: sans-serif; font-family: sans-serif;
line-height: normal; line-height: normal;
border-radius: 0; border-radius: 0;
} }
.chosen-container-single .chosen-drop { .chosen-container-single .chosen-drop {
margin-top: -1px; margin-top: -1px;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
background-clip: padding-box; background-clip: padding-box;
} }
.chosen-container-single.chosen-container-single-nosearch .chosen-search { .chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute; position: absolute;
left: -9999px; left: -9999px;
} }
/* @end */ /* @end */
/* @group Results */ /* @group Results */
.chosen-container .chosen-results { .chosen-container .chosen-results {
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
margin: 0 4px 4px 0; margin: 0 4px 4px 0;
padding: 0 0 0 4px; padding: 0 0 0 4px;
max-height: 240px; max-height: 240px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.chosen-container .chosen-results li { .chosen-container .chosen-results li {
display: none; display: none;
margin: 0; margin: 0;
padding: 5px 6px; padding: 5px 6px;
list-style: none; list-style: none;
line-height: 15px; line-height: 15px;
-webkit-touch-callout: none; -webkit-touch-callout: none;
} }
.chosen-container .chosen-results li.active-result { .chosen-container .chosen-results li.active-result {
display: list-item; display: list-item;
cursor: pointer; cursor: pointer;
} }
.chosen-container .chosen-results li.disabled-result { .chosen-container .chosen-results li.disabled-result {
display: list-item; display: list-item;
color: #ccc; color: #ccc;
cursor: default; cursor: default;
} }
.chosen-container .chosen-results li.highlighted { .chosen-container .chosen-results li.highlighted {
background-color: #3875d7; background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff; color: #fff;
} }
.chosen-container .chosen-results li.no-results { .chosen-container .chosen-results li.no-results {
display: list-item; display: list-item;
background: #f4f4f4; background: #f4f4f4;
} }
.chosen-container .chosen-results li.group-result { .chosen-container .chosen-results li.group-result {
display: list-item; display: list-item;
font-weight: bold; font-weight: bold;
cursor: default; cursor: default;
} }
.chosen-container .chosen-results li.group-option { .chosen-container .chosen-results li.group-option {
padding-left: 15px; padding-left: 15px;
} }
.chosen-container .chosen-results li em { .chosen-container .chosen-results li em {
font-style: normal; font-style: normal;
text-decoration: underline; text-decoration: underline;
} }
/* @end */ /* @end */
/* @group Multi Chosen */ /* @group Multi Chosen */
.chosen-container-multi .chosen-choices { .chosen-container-multi .chosen-choices {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #CBD5DD; border: 1px solid #CBD5DD;
border-radius: 2px; border-radius: 2px;
cursor: text; cursor: text;
height: auto !important; height: auto !important;
margin: 0; margin: 0;
min-height: 30px; min-height: 30px;
overflow: hidden; overflow: hidden;
padding: 2px; padding: 2px;
position: relative; position: relative;
width: 100%; width: 100%;
} }
.chosen-container-multi .chosen-choices li { .chosen-container-multi .chosen-choices li {
float: left; float: left;
list-style: none; list-style: none;
} }
.chosen-container-multi .chosen-choices li.search-field { .chosen-container-multi .chosen-choices li.search-field {
margin: 0; margin: 0;
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
} }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0; margin: 1px 0;
padding: 5px; padding: 5px;
height: 25px; height: 25px;
outline: 0; outline: 0;
border: 0 !important; border: 0 !important;
background: transparent !important; background: transparent !important;
box-shadow: none; box-shadow: none;
color: #666; color: #666;
font-size: 100%; font-size: 100%;
font-family: sans-serif; font-family: sans-serif;
line-height: normal; line-height: normal;
border-radius: 0; border-radius: 0;
} }
.chosen-container-multi .chosen-choices li.search-field .default { .chosen-container-multi .chosen-choices li.search-field .default {
color: #999; color: #999;
} }
.chosen-container-multi .chosen-choices li.search-choice { .chosen-container-multi .chosen-choices li.search-choice {
position: relative; position: relative;
margin: 3px 0 3px 5px; margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px; padding: 3px 20px 3px 5px;
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 3px; border-radius: 3px;
background-color: #e4e4e4; background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-clip: padding-box; background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333; color: #333;
line-height: 13px; line-height: 13px;
cursor: default; cursor: default;
} }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 3px; right: 3px;
display: block; display: block;
width: 12px; width: 12px;
height: 12px; height: 12px;
background: url('chosen-sprite.png') -42px 1px no-repeat; background: url('chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px; font-size: 1px;
} }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px; background-position: -42px -10px;
} }
.chosen-container-multi .chosen-choices li.search-choice-disabled { .chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px; padding-right: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: #e4e4e4; background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666; color: #666;
} }
.chosen-container-multi .chosen-choices li.search-choice-focus { .chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4; background: #d4d4d4;
} }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px; background-position: -42px -10px;
} }
.chosen-container-multi .chosen-results { .chosen-container-multi .chosen-results {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.chosen-container-multi .chosen-drop .result-selected { .chosen-container-multi .chosen-drop .result-selected {
display: list-item; display: list-item;
color: #ccc; color: #ccc;
cursor: default; cursor: default;
} }
/* @end */ /* @end */
/* @group Active */ /* @group Active */
.chosen-container-active .chosen-single { .chosen-container-active .chosen-single {
border: 1px solid #5897fb; border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} }
.chosen-container-active.chosen-with-drop .chosen-single { .chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa; border: 1px solid #aaa;
-moz-border-radius-bottomright: 0; -moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset;
} }
.chosen-container-active.chosen-with-drop .chosen-single div { .chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none; border-left: none;
background: transparent; background: transparent;
} }
.chosen-container-active.chosen-with-drop .chosen-single div b { .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px; background-position: -18px 2px;
} }
.chosen-container-active .chosen-choices { .chosen-container-active .chosen-choices {
border: 1px solid #5897fb; border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { .chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #111 !important; color: #111 !important;
} }
/* @end */ /* @end */
/* @group Disabled Support */ /* @group Disabled Support */
.chosen-disabled { .chosen-disabled {
opacity: 0.5 !important; opacity: 0.5 !important;
cursor: default; cursor: default;
} }
.chosen-disabled .chosen-single { .chosen-disabled .chosen-single {
cursor: default; cursor: default;
} }
.chosen-disabled .chosen-choices .search-choice .search-choice-close { .chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default; cursor: default;
} }
/* @end */ /* @end */
/* @group Right to Left */ /* @group Right to Left */
.chosen-rtl { .chosen-rtl {
text-align: right; text-align: right;
} }
.chosen-rtl .chosen-single { .chosen-rtl .chosen-single {
overflow: visible; overflow: visible;
padding: 0 8px 0 0; padding: 0 8px 0 0;
} }
.chosen-rtl .chosen-single span { .chosen-rtl .chosen-single span {
margin-right: 0; margin-right: 0;
margin-left: 26px; margin-left: 26px;
direction: rtl; direction: rtl;
} }
.chosen-rtl .chosen-single-with-deselect span { .chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px; margin-left: 38px;
} }
.chosen-rtl .chosen-single div { .chosen-rtl .chosen-single div {
right: auto; right: auto;
left: 3px; left: 3px;
} }
.chosen-rtl .chosen-single abbr { .chosen-rtl .chosen-single abbr {
right: auto; right: auto;
left: 26px; left: 26px;
} }
.chosen-rtl .chosen-choices li { .chosen-rtl .chosen-choices li {
float: right; float: right;
} }
.chosen-rtl .chosen-choices li.search-field input[type="text"] { .chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl; direction: rtl;
} }
.chosen-rtl .chosen-choices li.search-choice { .chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0; margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px; padding: 3px 5px 3px 19px;
} }
.chosen-rtl .chosen-choices li.search-choice .search-choice-close { .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto; right: auto;
left: 4px; left: 4px;
} }
.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop { .chosen-rtl .chosen-drop {
left: 9999px; left: 9999px;
} }
.chosen-rtl.chosen-container-single .chosen-results { .chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px; margin: 0 0 4px 4px;
padding: 0 4px 0 0; padding: 0 4px 0 0;
} }
.chosen-rtl .chosen-results li.group-option { .chosen-rtl .chosen-results li.group-option {
padding-right: 15px; padding-right: 15px;
padding-left: 0; padding-left: 0;
} }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none; border-right: none;
} }
.chosen-rtl .chosen-search input[type="text"] { .chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px; padding: 4px 5px 4px 20px;
background: white url('chosen-sprite.png') no-repeat -30px -20px; background: white url('chosen-sprite.png') no-repeat -30px -20px;
background: url('chosen-sprite.png') no-repeat -30px -20px; background: url('chosen-sprite.png') no-repeat -30px -20px;
direction: rtl; direction: rtl;
} }
.chosen-rtl.chosen-container-single .chosen-single div b { .chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px; background-position: 6px 2px;
} }
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px; background-position: -12px 2px;
} }
/* @end */ /* @end */
/* @group Retina compatibility */ /* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
.chosen-rtl .chosen-search input[type="text"], .chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b, .chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"], .chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span { .chosen-container .chosen-results-scroll-up span {
background-image: url('chosen-sprite@2x.png') !important; background-image: url('chosen-sprite@2x.png') !important;
background-size: 52px 37px !important; background-size: 52px 37px !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
} }
} }
/* @end */ /* @end */
apps/static/css/style.css
View file @ cf15b7ea
...@@ -4600,4 +4600,6 @@ body.skin-3 { ...@@ -4600,4 +4600,6 @@ body.skin-3 {
border-width: 1px border-width: 1px
} }
th a {
color: #676a6c;
}
apps/templates/_nav.html
View file @ cf15b7ea
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
</a> </a>
<ul class="nav nav-second-level"> <ul class="nav nav-second-level">
<li class="group"><a href="{% url 'users:user-list' %}">用户列表</a></li> <li class="group"><a href="{% url 'users:user-list' %}">用户列表</a></li>
<li class="user"><a href="#">用户组列表</a></li> <li class="user"><a href="{% url 'users:usergroup-list' %}">用户组列表</a></li>
</ul> </ul>
</li> </li>
<li id=""> <li id="">
......
apps/users/forms.py
View file @ cf15b7ea
...@@ -26,3 +26,10 @@ class UserUpdateForm(ModelForm): ...@@ -26,3 +26,10 @@ class UserUpdateForm(ModelForm):
'phone', 'enable_2FA', 'role', 'date_expired', 'comment', 'phone', 'enable_2FA', 'role', 'date_expired', 'comment',
] ]
class UserGroupForm(ModelForm):
class Meta:
model = UserGroup
fields = [
'name', 'comment',
]
apps/users/models.py
View file @ cf15b7ea
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
from __future__ import unicode_literals from __future__ import unicode_literals
import datetime import datetime
from django.utils import timezone
from django.db import models from django.db import models
from django.contrib.auth.models import AbstractUser, Permission from django.contrib.auth.models import AbstractUser, Permission
from django.contrib.auth.models import Group as AbstractGroup from django.contrib.auth.models import Group as AbstractGroup
...@@ -55,6 +55,24 @@ class UserGroup(models.Model): ...@@ -55,6 +55,24 @@ class UserGroup(models.Model):
group = cls(name='所有人', comment='所有人默认都在用户组', created_by='System') group = cls(name='所有人', comment='所有人默认都在用户组', created_by='System')
group.save() group.save()
@classmethod
def generate_fake(cls, count=100):
from random import seed, randint, choice
import forgery_py
from django.db import IntegrityError
seed()
for i in range(count):
group = cls(name=forgery_py.name.full_name(),
comment=forgery_py.lorem_ipsum.sentence(),
created_by=choice(User.objects.all()).username
)
try:
group.save()
except IntegrityError:
print('Error continue')
continue
class User(AbstractUser): class User(AbstractUser):
username = models.CharField(max_length=20, unique=True, verbose_name='用户名', help_text='* required') username = models.CharField(max_length=20, unique=True, verbose_name='用户名', help_text='* required')
...@@ -71,7 +89,37 @@ class User(AbstractUser): ...@@ -71,7 +89,37 @@ class User(AbstractUser):
public_key = models.CharField(max_length=1000, blank=True, verbose_name='公钥') public_key = models.CharField(max_length=1000, blank=True, verbose_name='公钥')
comment = models.TextField(max_length=200, blank=True, verbose_name='描述') comment = models.TextField(max_length=200, blank=True, verbose_name='描述')
created_by = models.CharField(max_length=30, default='') created_by = models.CharField(max_length=30, default='')
date_expired = models.DateTimeField(default=datetime.datetime.max, verbose_name='有效期') date_expired = models.DateTimeField(default=timezone.now()+timezone.timedelta(days=365*70), verbose_name='有效期')
class Meta: class Meta:
db_table = 'user' db_table = 'user'
@classmethod
def generate_fake(cls, count=100):
from random import seed, randint, choice
import forgery_py
from django.contrib.auth.hashers import make_password
from django.db import IntegrityError
seed()
for i in range(count):
user = cls(username=forgery_py.internet.user_name(True),
email=forgery_py.internet.email_address(),
name=forgery_py.name.full_name(),
password=make_password(forgery_py.lorem_ipsum.word()),
role=choice(Role.objects.all()),
wechat=forgery_py.internet.user_name(True),
comment=forgery_py.lorem_ipsum.sentence(),
created_by=choice(cls.objects.all()).username,
)
try:
user.save()
except IntegrityError:
print('Error continue')
continue
user.groups.add(choice(UserGroup.objects.all()))
user.save()
apps/users/templates/users/usergroup_add.html 0 → 100644
View file @ cf15b7ea
{% extends 'base.html' %}
{% load static %}
{% load bootstrap %}
{% block custom_head_css_js %}
<link href="{% static "css/plugins/chosen/chosen.css" %}" rel="stylesheet">
<script src="{% static "js/plugins/chosen/chosen.jquery.min.js" %}"></script>
{% endblock %}
{% block content %}
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>填写用户组信息</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-wrench"></i>
</a>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<form method="post" id="userForm" class="form-horizontal" action="" >
{% csrf_token %}
{{ form.name|bootstrap_horizontal }}
<div class="form-group">
<label for="users" class="col-sm-2 control-label">用户</label>
<div class="col-sm-8">
<select name="users" id="users" data-placeholder="选择用户" class="chosen-select form-control m-b" multiple tabindex="2">
{% for user in users %}
<option value="{{ user.id }}">{{ user.name }}</option>
{% endfor %}
</select>
<span class="help-block m-b-none">用户和用户组必选一个</span>
</div>
</div>
{{ form.comment|bootstrap_horizontal }}
<div class="form-group">
<div class="col-sm-4 col-sm-offset-2">
<button class="btn btn-white" type="reset">取消</button>
<button id="submit_button" class="btn btn-primary" type="submit">确认保存</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block custom_foot_js %}
<script>
$(document).ready(function () {
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
};
for (var selector in config) {
$(selector).chosen(config[selector]);
}
})
</script>
{% endblock %}
\ No newline at end of file
apps/users/templates/users/usergroup_list.html 0 → 100644
View file @ cf15b7ea
{% extends 'base.html' %}
{% load common_tags %}
{% block content %}
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5> 查看用户组 </h5>
<div class="ibox-tools">
<a class="collapise-link">
<i class="fa fa-chevron-up"></i>
</a>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-wrench"></i>
</a>
<a class="close-link">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="ibox-content">
<div class="">
<a href="{% url 'users:usergroup-add' %}" class="btn btn-sm btn-primary "> 添加用户组 </a>
<a id="del_btn" class="btn btn-sm btn-danger "> 删除所选 </a>
<form id="search_form" method="get" action="{% url 'users:user-list' %}" class="pull-right mail-search">
<div class="input-group">
<input type="text" class="form-control input-sm" name="keyword" placeholder="名称" value="{{ keyword }}">
<div class="input-group-btn">
<button id='search_btn' type="submit" class="btn btn-sm btn-primary">
搜索
</button>
</div>
</div>
</form>
</div>
<table class="table table-striped table-bordered table-hover " id="editable" >
<thead>
<tr>
<th class="text-center">
<input type="checkbox" id="check_all" onclick="checkAll('check_all', 'checked')">
</th>
<th class="text-center"><a href="{% url 'users:usergroup-list' %}?sort=name">名称</a></th>
<th class="text-center">用户数量</th>
<th class="text-center">资产数量</th>
<th class="text-center">描述</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody>
{% for usergroup in usergroup_list %}
<tr class="gradeX">
<td class="text-center">
<input type="checkbox" name="checked" value="{{ usergroup.id }}">
</td>
<td class="text-center">
<a href="{% url 'users:usergroup-detail' pk=usergroup.id %}">
{{ usergroup.name }}
</a>
</td>
<td class="text-center">{{ usergroup.user_set.all|length }}</td>
<td class="text-center">数量</td>
<th class="text-center">{{ usergroup.comment|truncatewords:8 }}</th>
<td class="text-center">
<a href="{% url 'users:usergroup-edit' pk=usergroup.id %}?id={{ user.id }}" class="btn btn-xs btn-info">编辑</a>
<a href="{% url 'users:usergroup-delete' pk=usergroup.id %}?id={{ user.id }}" class="btn btn-xs btn-danger del">删除</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% include '_pagination.html' %}
</div>
</div>
</div>
</div>
</div>
{% endblock %}
apps/users/urls.py
View file @ cf15b7ea
from django.conf.urls import url from django.conf.urls import url
from .views import UserListView, UserAddView, UserUpdateView, UserDeleteView, UserDetailView from .views import UserListView, UserAddView, UserUpdateView, UserDeleteView, UserDetailView
from .views import UserGroupListView, UserGroupAddView, UserGroupUpdateView, UserGroupDeleteView, UserGroupDetailView
app_name = 'users' app_name = 'users'
urlpatterns = [ urlpatterns = [
url(r'^$', UserListView.as_view(), name='user-list'), url(r'^user/$', UserListView.as_view(), name='user-list'),
url(r'^(?P<pk>[0-9]+)/$', UserDetailView.as_view(), name='user-detail'), url(r'^user/(?P<pk>[0-9]+)/$', UserDetailView.as_view(), name='user-detail'),
url(r'^add/$', UserAddView.as_view(), name='user-add'), url(r'^user/add/$', UserAddView.as_view(), name='user-add'),
url(r'^(?P<pk>[0-9]+)/edit/$', UserUpdateView.as_view(), name='user-edit'), url(r'^user/(?P<pk>[0-9]+)/edit/$', UserUpdateView.as_view(), name='user-edit'),
url(r'^(?P<pk>[0-9]+)/delete/$', UserDeleteView.as_view(), name='user-delete'), url(r'^user/(?P<pk>[0-9]+)/delete/$', UserDeleteView.as_view(), name='user-delete'),
url(r'^usergroup/$', UserGroupListView.as_view(), name='usergroup-list'),
url(r'^usergroup/(?P<pk>[0-9]+)/$', UserGroupDetailView.as_view(), name='usergroup-detail'),
url(r'^usergroup/add/$', UserGroupAddView.as_view(), name='usergroup-add'),
url(r'^usergroup/(?P<pk>[0-9]+)/edit/$', UserGroupUpdateView.as_view(), name='usergroup-edit'),
url(r'^usergroup/(?P<pk>[0-9]+)/delete/$', UserGroupDeleteView.as_view(), name='usergroup-delete'),
] ]
apps/users/views.py
View file @ cf15b7ea
# ~*~ coding: utf-8 ~*~ # ~*~ coding: utf-8 ~*~
from django.shortcuts import get_object_or_404
from django.urls import reverse_lazy from django.urls import reverse_lazy
from django.db.models import Q from django.db.models import Q
from django.views.generic.list import ListView from django.views.generic.list import ListView
...@@ -7,7 +8,7 @@ from django.views.generic.edit import CreateView, DeleteView, UpdateView ...@@ -7,7 +8,7 @@ from django.views.generic.edit import CreateView, DeleteView, UpdateView
from django.views.generic.detail import DetailView from django.views.generic.detail import DetailView
from .models import User, UserGroup, Role from .models import User, UserGroup, Role
from .forms import UserAddForm, UserUpdateForm from .forms import UserAddForm, UserUpdateForm, UserGroupForm
class UserListView(ListView): class UserListView(ListView):
...@@ -71,12 +72,6 @@ class UserUpdateView(UpdateView): ...@@ -71,12 +72,6 @@ class UserUpdateView(UpdateView):
user.set_password(password) user.set_password(password)
return super(UserUpdateView, self).form_valid(form) return super(UserUpdateView, self).form_valid(form)
def form_invalid(self, form):
print(self.request.FILES)
print(form['avatar'].value())
print(form.errors)
return super(UserUpdateView, self).form_invalid(form)
class UserDeleteView(DeleteView): class UserDeleteView(DeleteView):
model = User model = User
...@@ -94,3 +89,61 @@ class UserDetailView(DetailView): ...@@ -94,3 +89,61 @@ class UserDetailView(DetailView):
groups = [group for group in UserGroup.objects.iterator() if group not in self.object.groups.iterator()] groups = [group for group in UserGroup.objects.iterator() if group not in self.object.groups.iterator()]
context.update({'path1': '用户管理', 'path2': '用户详情', 'title': '用户详情', 'groups': groups}) context.update({'path1': '用户管理', 'path2': '用户详情', 'title': '用户详情', 'groups': groups})
return context return context
class UserGroupListView(ListView):
model = UserGroup
paginate_by = 20
context_object_name = 'usergroup_list'
template_name = 'users/usergroup_list.html'
ordering = '-date_added'
def get_queryset(self):
self.queryset = super(UserGroupListView, self).get_queryset()
self.keyword = keyword = self.request.GET.get('keyword', '')
self.sort = sort = self.request.GET.get('sort')
if keyword:
self.queryset = self.queryset.filter(name__icontains=keyword)
if sort:
self.queryset = self.queryset.order_by(sort)
return self.queryset
def get_context_data(self, **kwargs):
context = super(UserGroupListView, self).get_context_data(**kwargs)
context.update({'path1': '用户管理', 'path2': '用户组列表', 'title': '用户组列表', 'keyword': self.keyword})
return context
class UserGroupAddView(CreateView):
model = UserGroup
form_class = UserGroupForm
template_name = 'users/usergroup_add.html'
success_url = reverse_lazy('users:usergroup-list')
def get_context_data(self, **kwargs):
context = super(UserGroupAddView, self).get_context_data(**kwargs)
users = User.objects.all()
context.update({'path1': '用户管理', 'path2': '用户组添加', 'title': '用户组添加', 'users': users})
return context
def form_valid(self, form):
usergroup = form.save()
users_id_list = self.request.POST.getlist('users', [])
users = [get_object_or_404(User, id=user_id) for user_id in users_id_list]
usergroup.created_by = self.request.user.username or 'Admin'
usergroup.user_set.add(*tuple(users))
usergroup.save()
return super(UserGroupAddView, self).form_valid(form)
class UserGroupUpdateView(UpdateView):
pass
class UserGroupDetailView(DetailView):
pass
class UserGroupDeleteView(DeleteView):
pass
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment