diff --git a/js/apps/system/aardvark/frontend/css/collectionsItemView.css b/js/apps/system/aardvark/frontend/css/collectionsItemView.css index cb07fd63bd..4340e5147c 100644 --- a/js/apps/system/aardvark/frontend/css/collectionsItemView.css +++ b/js/apps/system/aardvark/frontend/css/collectionsItemView.css @@ -50,7 +50,7 @@ } .span3 .glyphicon-edit { margin-top: 4px !important; - font-size: 20.5px; + font-size: 19.5px; } .span3 .ICON{ diff --git a/js/apps/system/aardvark/frontend/css/collectionsView.css b/js/apps/system/aardvark/frontend/css/collectionsView.css index a721bfaec7..436c7bba48 100644 --- a/js/apps/system/aardvark/frontend/css/collectionsView.css +++ b/js/apps/system/aardvark/frontend/css/collectionsView.css @@ -63,17 +63,17 @@ .searchInput { background-color: #FFFFFF; - border: 1px solid #c0c0c0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + border: 0 !important; + box-shadow: 0 !important; color: #555555; display: inline-block; font-size: 12px; - height: 18px; + height: 18px !important; line-height: 18px; - margin-top: 3px; + margin-top: 5px; padding: 2px; vertical-align: middle; - width:212px !important; + width:214px !important; border-radius: 0px 0px 0px 0px !important; } @@ -216,8 +216,8 @@ border-top: 0; border-radius: 0 !important; } -#collectionsDropdown2, #dashboardDropdownOut, #foxxDropdownOut { - background-color: rgba(0, 0, 0, 0.15); +#collectionsDropdown2, #dashboardDropdownOut, #foxxDropdownOut, .dropdownOut { + background-color: white; position:relative; display:none; margin-left: 5px; @@ -225,48 +225,48 @@ border-top: 0; width: auto; } -#collectionsDropdown, #dashboardDropdown, #foxxDropdown { +#collectionsDropdown, #dashboardDropdown, #foxxDropdown, .dropdownIn{ position: relative; min-height: 125px; width: auto; - border-left: 1px solid #686766; - border-bottom: 1px solid #686766; - border-right: 1px solid #686766; - border-top: none; box-shadow: 0 !important; } -#collectionsDropdown .nav-header, #dashboardDropdown .nav-header, #foxxDropdown .nav-header { +#collectionsDropdown .nav-header, #dashboardDropdown .nav-header, #foxxDropdown .nav-header, .dropdownOut .nav-header{ font-size: 13px; font-weight: 400; color: black; } -#collectionsDropdown label, #dashboardDropdown label, #foxxDropdown label{ +#collectionsDropdown label, #dashboardDropdown label, #foxxDropdown label, .dropdownIn label{ color: black; font-weight: 300; } -#collectionsDropdown ul, #dashboardDropdown ul, #foxxDropdown ul{ - border-left: 1px solid white; +#collectionsDropdown ul, #dashboardDropdown ul, #foxxDropdown ul, .dropdownIn ul{ + border-left: 1px solid black; } +.dropdownOut ul:last-of-type, #collectionsDropdown ul:last-of-type, #dashboardDropdown ul:last-of-type, #foxxDropdown ul:last-of-type { - border-left: 1px solid white; + border-left: 1px solid black; } +.dropdownOut ul:first-of-type, #collectionsDropdown ul:first-of-type, #dashboardDropdown ul:first-of-type, #foxxDropdown ul:first-of-type { border: 0 !important; } +.dropdownIn ul, #collectionsDropdown ul, #foxxDropdown ul { min-height: 105px; } +.dropdownIn ul, #collectionsDropdown ul, #dashboardDropdown ul, #foxxDropdown ul{ float: left; margin-top: 10px; @@ -274,6 +274,7 @@ border-top: 0; display: inline; } +.dropdownIn ul li label, #collectionsDropdown ul li label, #dashboardDropdown ul li label, #foxxDropdown ul li label { diff --git a/js/apps/system/aardvark/frontend/css/dashboardView.css b/js/apps/system/aardvark/frontend/css/dashboardView.css index 9dfb34107a..28591a0575 100644 --- a/js/apps/system/aardvark/frontend/css/dashboardView.css +++ b/js/apps/system/aardvark/frontend/css/dashboardView.css @@ -109,10 +109,11 @@ } .statGroups .statChart { - margin-left: -55px !important; - margin-top: -50px !important; float:left; - (;margin-top: -37px !important;) +} + +.svgClass .nv-linesWrap { + margin-left: -20px !important; } .nv-axislabel { @@ -129,9 +130,6 @@ } .svgClass { - margin-top: 23px !important; - padding-top: 0 !important; - /*height: 140px;*/ height: 155px; width: 300px; } @@ -146,7 +144,7 @@ li:hover i, li.hover i, li:hover h6, li.hover h6 { - opacity: 0.7 !important; + opacity: 0.8 !important; -webkit-transition-property: background color; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; @@ -170,7 +168,7 @@ li:hover h6, li.hover h6 { } .boxHeader h6 { - opacity: 0.25; + opacity: 0.8; padding-top: 0 !important; color: black; margin-left: 5px; @@ -257,6 +255,7 @@ li:hover h6, li.hover h6 { } /*Dashboard Checkbox*/ +.dropdownOut input[type=checkbox].css-checkbox, #dashboardDropdownOut input[type=checkbox].css-checkbox, #transparentHeader input[type=checkbox].css-checkbox, #collectionsDropdown input[type=checkbox].css-checkbox, @@ -264,6 +263,7 @@ li:hover h6, li.hover h6 { display:none; } +.dropdownOut input[type=checkbox].css-checkbox + label.css-label, #dashboardDropdownOut input[type=checkbox].css-checkbox + label.css-label, #transparentHeader input[type=checkbox].css-checkbox + label.css-label, #foxxDropdownOut input[type=checkbox].css-checkbox + label.css-label, @@ -279,6 +279,7 @@ li:hover h6, li.hover h6 { cursor:pointer; } +.dropdownOut input[type=checkbox].css-checkbox:checked + label.css-label, #dashboardDropdownOut input[type=checkbox].css-checkbox:checked + label.css-label, #transparentHeader input[type=checkbox].css-checkbox:checked + label.css-label, #foxxDropdownOut input[type=checkbox].css-checkbox:checked + label.css-label, @@ -300,17 +301,15 @@ li:hover h6, li.hover h6 { margin-left: -21px; } -#dashboardDropdownOut input[type="radio"], #transparentHeader input[type="radio"] { +#dashboardDropdownOut input[type="radio"], +#transparentHeader input[type="radio"], +.dropdownOut input[type="radio"] { display:none; } -#dashboardDropdownOut input[type="radio"] + label, #transparentHeader input[type="radio"] + label { - /*color:#f2f2f2;*/ - /*font-family:Arial, sans-serif; - font-size:14px;*/ -} - -#dashboardDropdownOut input[type="radio"] + label span, #transparentHeader input[type="radio"] + label spanĀ { +#dashboardDropdownOut input[type="radio"] + label span, +#transparentHeader input[type="radio"] + label span, +.dropdownOut input[type="radio"] + label span { display:inline-block; width:19px; height:19px; @@ -320,7 +319,9 @@ li:hover h6, li.hover h6 { cursor:pointer; } -#dashboardDropdownOut input[type="radio"]:checked + label span, #transparentHeader input[type="radio"]:checked + label span { +#dashboardDropdownOut input[type="radio"]:checked + label span, +.dropdownOut input[type="radio"]:checked + label span, +#transparentHeader input[type="radio"]:checked + label span { background:url(../img/check_radio_sheet.png) -57px top no-repeat; } @@ -431,7 +432,6 @@ li:hover h6, li.hover h6 { padding-top: 5px; width: auto; min-height: 150px; - margin-bottom: 8px; margin-right: 10px; margin-top: -1px; border-top: 1px solid #888; @@ -473,7 +473,6 @@ li:hover h6, li.hover h6 { } #shortcutDiv { - padding-top: 10px; font-size: 12px; font-weight: 200; } @@ -507,13 +506,9 @@ li:hover h6, li.hover h6 { border-bottom: 0 !important; } -#dashboardDropdownOut { - background-color: transparent !important; -} - #dashboardDropdown { - background-color: rgba(0,0,0,0.1) !important; min-height: 260px !important; + background-color: white; } #dashboardDropdown ul { @@ -563,7 +558,7 @@ li:hover h6, li.hover h6 { } @media screen and (-webkit-min-device-pixel-ratio:0) { - .svgClass{margin-top: 35px !important;} + .svgClass{margin-top: 10px !important;} .statSingleClient{margin-top: 10.5px !important;} #detailReplication{margin-top: 1.5px !important;} } @@ -586,8 +581,8 @@ li:hover h6, li.hover h6 { border-radius: 50%; box-shadow: margin-top: 1px; - 0 0 20px #111 inset, - 0 0 10px lime; + 0 0 10px #111 inset, + 0 0 5px lime; animation: 13s green infinite; } @@ -601,6 +596,18 @@ li:hover h6, li.hover h6 { border-radius: 50%; animation: 13s red infinite; box-shadow: - 0 0 20px #111 inset, - 0 0 10px red; + 0 0 10px #111 inset, + 0 0 5px red; +} + +#dashboardDropdown > ul > li > a > .radio { + padding-left: 0 !important; +} + +#replicationDropdown { + min-height: 260px !important; +} + +#replicationDropdown > ul > li > a > .radio { + padding-left: 0 !important; } diff --git a/js/apps/system/aardvark/frontend/css/documentSourceView.css b/js/apps/system/aardvark/frontend/css/documentSourceView.css index 8dfec2ce8c..264108717d 100644 --- a/js/apps/system/aardvark/frontend/css/documentSourceView.css +++ b/js/apps/system/aardvark/frontend/css/documentSourceView.css @@ -29,7 +29,7 @@ #sourceDiv { margin-top: 0px; padding-left: 5px; - padding-top: 10px; + padding-top: 13px; padding-right: 5px; padding-bottom: 5px; min-height: 400px; diff --git a/js/apps/system/aardvark/frontend/css/documentView.css b/js/apps/system/aardvark/frontend/css/documentView.css index 91f71eb2b3..ebce9010e0 100644 --- a/js/apps/system/aardvark/frontend/css/documentView.css +++ b/js/apps/system/aardvark/frontend/css/documentView.css @@ -38,6 +38,10 @@ .arangoTab a { color: black !important; cursor: pointer; + padding-left: 15px !important; + padding-right: 15px !important; + padding-top: 2px !important; + padding-bottom: 2px !important; } .arangoTab > li { diff --git a/js/apps/system/aardvark/frontend/css/documentsView.css b/js/apps/system/aardvark/frontend/css/documentsView.css index ebf963ef9e..930afa001c 100644 --- a/js/apps/system/aardvark/frontend/css/documentsView.css +++ b/js/apps/system/aardvark/frontend/css/documentsView.css @@ -78,21 +78,18 @@ table.dataTable thead th { } .arangoDropdown { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(0,0,0,0.15); margin-bottom: -10px; } #filterHeader, #importHeader, .arangoDropdownIn { - background-color: rgba(0, 0, 0, 0.15); + background-color: white; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; margin-left: 5px; margin-right: 5px; - border-left: 1px solid #686766; - border-right: 1px solid #686766; - border-bottom: 1px solid #686766; position:relative; } diff --git a/js/apps/system/aardvark/frontend/css/layout.css b/js/apps/system/aardvark/frontend/css/layout.css index 445af0cd08..cec33807d8 100644 --- a/js/apps/system/aardvark/frontend/css/layout.css +++ b/js/apps/system/aardvark/frontend/css/layout.css @@ -66,7 +66,7 @@ textarea, .alert { border: none; color:#FFFFFF; margin-left:10px; - padding: 8px 16px; + padding: 5px 16px; font-weight: 300 !important; font-size: 14px; } diff --git a/js/apps/system/aardvark/frontend/css/modal.css b/js/apps/system/aardvark/frontend/css/modal.css index 480a999ff6..31b9994c3a 100644 --- a/js/apps/system/aardvark/frontend/css/modal.css +++ b/js/apps/system/aardvark/frontend/css/modal.css @@ -193,8 +193,9 @@ .modal-body .glyphicon-info-sign { color: #736B68; font-size: 18px; - margin-left: 5px; - margin-top: 2px; + right: 12px; + position: absolute; + margin-top: -10px; } .modal-body .glyphicon-info-sign:hover { @@ -248,3 +249,29 @@ #add-collection .accordion { margin-top: 10px; } + +#add-collection .collectionThSec { + width: 380px !important; +} + +#add-collection input { + width: 380px !important; + margin-left: 45px; +} + +#add-collection select { + width: 394px !important; + margin-left: 45px; +} + +#add-collection .accordion-toggle { + width: 457px !important; +} + +#change-collection input { + width: 384px !important; +} + +#change-collection select { + width: 398px !important; +} diff --git a/js/apps/system/aardvark/frontend/css/queryView.css b/js/apps/system/aardvark/frontend/css/queryView.css index 4641aa4dc0..ea2e3e90cd 100644 --- a/js/apps/system/aardvark/frontend/css/queryView.css +++ b/js/apps/system/aardvark/frontend/css/queryView.css @@ -1,3 +1,7 @@ +.toolbarUL ul { + margin-top: 2px; +} + .ui-resizable-s { bottom: 0; height: 10px; @@ -17,11 +21,11 @@ #queryOutput .ui-resizable-handle { border-left: 0; border-bottom: 0; + border-top: 0; } #editorToolbar { - width: auto; - margin-top: 20px !important; + margin-top: 5px; margin-left: 0px; margin-right: 0px; border-top: 1px solid #A0A0A0; @@ -42,17 +46,15 @@ #outputToolbar span, #editorToolbar span { position: relative; - float:right; - height: 10px !important; margin-right: 5px; margin-left: 5px; top: 2px; + float:right; } #outputToolbar { position: relative; - margin-top: 5px; margin-left: 0; margin-right: 0; width: auto; @@ -68,31 +70,23 @@ } #editorToolbar i , #outputToolbar i { - float: right; margin-right: 5px; margin-top: 3px; } -#editorToolbar select { - float: left !important; -} - -#addAQL, #editAQL { - float: left !important; - margin-left: 5px; - margin-right: 0 !important; -} - #editor { min-width: 100px; } #editorLabel, #outputLabel { - float: left; - background-color: #F0F0F0; - width: 150px; - text-align: center; - border-right: 1px solid #C0C0C0; + width: 100%; +} + +#editorLabel h6, #outputLabel h6 { + font-family: 'Open Sans', sans-serif; + margin-bottom: 5px; + font-weight: 400; + font-size: 16px; } #aqlEditor .ace_error, #aqlEditor .ace_info, #queryOutput .ace_error, #queryOutput .ace_info { @@ -102,6 +96,7 @@ #aqlEditor .ui-resizable-handle { border-left: 0 !important; border-bottom: 0 !important; + border-top: 0 !important; } #aqlEditor { @@ -112,12 +107,17 @@ height: 200px; min-height: 100px; border: 1px solid #A0A0A0; - margin-bottom: 10px; + margin-bottom: 5px; } -#submitQueryButton { +#wideButtonDiv { + width: 100%; + height: 20px; + margin-bottom: 15px; +} + +#submitQueryButton, #clearQueryButton { float: right; - margin-top: 0px; } .querynavbar { @@ -138,6 +138,7 @@ height: 200px; margin-right: 0px; margin-left: 0px; + margin-bottom: 10px; min-height: 100px; overflow-y: hidden; border: 1px solid #c0c0c0; @@ -150,11 +151,9 @@ } #querySelect { - height: 20px !important; line-height: 20px !important; z-index: 9999 !important; border-radius: 0 !important; - padding: 0 !important; margin-bottom: 0; border: 0 !important; } @@ -163,18 +162,6 @@ z-index: 9999 !important; } -#querySize { - height: 20px !important; - line-height: 20px !important; - z-index: 9999 !important; - border-radius: 0 !important; - padding: 0 !important; - margin-bottom: 0; - border: 0 !important; - float: left !important; - margin-left: 50px; - margin-right: 0 !important; -} .queryTH { width: 20% !important; @@ -198,10 +185,10 @@ resize: vertical !important; } -#queryOutput .ace_gutter-cell { +/*#queryOutput .ace_gutter-cell { color: white; background-color: #686766 !important; -} +}*/ .ace_print-margin { visibility: hidden !important; @@ -215,3 +202,52 @@ #commentText, #redoText, #undoText, #clearInput, #clearOutput { margin-top: 1px; } + +#shortcutDiv { + float: left; + width: auto; + margin-top: -5px; +} + +#queryDiv > * { + border: 0 !important; +} + +.styled-select select { + background: white; + width: 268px; + padding: 5px; + font-size: 16px; + font-weight: 300; + line-height: 1; + border: 0; + border-radius: 0; + height: 30px; + -webkit-appearance: none; + padding-left: 5px !important; + padding-top: 3px !important; +} + +.styled-select { + float: right; + width: 240px; + height: 30px; + overflow: hidden; +} + +.querySizeDiv { + margin-right: 10px; + height: 30px !important; + width: 95px !important; +} + +.querySizeDiv select { + height: 30px !important; +} + +#querySize { + width: 115px !important; + line-height: 20px !important; + z-index: 9999 !important; + border-radius: 0 !important; +} diff --git a/js/apps/system/aardvark/frontend/js/collections/arangoDocuments.js b/js/apps/system/aardvark/frontend/js/collections/arangoDocuments.js index 2838554e9f..508cf0f638 100644 --- a/js/apps/system/aardvark/frontend/js/collections/arangoDocuments.js +++ b/js/apps/system/aardvark/frontend/js/collections/arangoDocuments.js @@ -67,14 +67,34 @@ window.arangoDocuments = Backbone.Collection.extend({ this.offset = (this.currentPage - 1) * this.documentsPerPage; + var myQueryVal; + var sortParameter = '_key'; + var sortCount = 10000; + + if (this.documentsCount <= sortCount) { + //sorted + myQueryVal = "FOR x in @@collection SORT x._key LIMIT @offset, @count RETURN x"; + } + else { + //not sorted + myQueryVal = "FOR x in @@collection LIMIT @offset, @count RETURN x"; + } + + var myQuery = { + query: myQueryVal, + bindVars: { + "@collection": this.collectionID, + "offset": this.offset, + "count": this.documentsPerPage + } + }; + $.ajax({ cache: false, - type: 'PUT', + type: 'POST', async: false, - url: '/_api/simple/all/', - data: - '{"collection":"' + this.collectionID + '","skip":'+ - this.offset + ',"limit":' + String(this.documentsPerPage) + '}', + url: '/_api/cursor', + data: JSON.stringify(myQuery), contentType: "application/json", success: function(data) { self.clearDocuments(); diff --git a/js/apps/system/aardvark/frontend/js/templates/dashboardView.ejs b/js/apps/system/aardvark/frontend/js/templates/dashboardView.ejs index c25026b9ed..85331baf66 100644 --- a/js/apps/system/aardvark/frontend/js/templates/dashboardView.ejs +++ b/js/apps/system/aardvark/frontend/js/templates/dashboardView.ejs @@ -23,6 +23,21 @@ + + diff --git a/js/apps/system/aardvark/frontend/js/templates/newCollectionView.ejs b/js/apps/system/aardvark/frontend/js/templates/newCollectionView.ejs index 8f91740bab..7cb6ea8519 100644 --- a/js/apps/system/aardvark/frontend/js/templates/newCollectionView.ejs +++ b/js/apps/system/aardvark/frontend/js/templates/newCollectionView.ejs @@ -9,11 +9,11 @@ - + -
Name:
Type: + - + -
Journal size:
Sync: + - - + +
+