datafolder 1.0.0

package/static/w2ui/src/less/src/icons.less

@@ -0,0 +1,37 @@
+@font-face {
+    font-family: "w2ui-font";
+    src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
+    font-weight: normal;
+    font-style: normal;
+}
+[class^="w2ui-icon-"]:before,
+[class*=" w2ui-icon-"]:before {
+    font-family: "w2ui-font";
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 1;
+    margin-top: 0px;
+    font-weight: normal;
+    font-style: normal;
+    speak: none;
+    text-decoration: inherit;
+    text-transform: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.w2ui-icon-box:before { content: "A" }
+.w2ui-icon-check:before { content: "B" }
+.w2ui-icon-colors:before { content: "C" }
+.w2ui-icon-columns:before { content: "D" }
+.w2ui-icon-cross:before { content: "E" }
+.w2ui-icon-drop:before { content: "F" }
+.w2ui-icon-empty:before { content: "G" }
+.w2ui-icon-eye-dropper:before { content: "H" }
+.w2ui-icon-info:before { content: "I" }
+.w2ui-icon-paste:before { content: "J" }
+.w2ui-icon-pencil:before { content: "K" }
+.w2ui-icon-plus:before { content: "L" }
+.w2ui-icon-reload:before { content: "M" }
+.w2ui-icon-search:before { content: "N" }
+.w2ui-icon-settings:before { content: "O" }

package/static/w2ui/src/less/src/layout.less

@@ -0,0 +1,86 @@
+/*************************************************
+* ---- Layout ----
+*/
+
+.w2ui-layout {
+    position: relative;
+    overflow: hidden;
+
+    > div {
+        position: absolute;
+        overflow: hidden;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+
+        .w2ui-panel {
+            display: none;
+            position: absolute;
+            z-index: 120;
+
+            .w2ui-panel-title {
+                position: absolute;
+                left: 0px;
+                top: 0px;
+                right: 0px;
+                padding: 5px;
+                .linear-gradient-vertical(@layout-title-linear-gradient-start, @layout-title-linear-gradient-end);
+                color: #656164cc;
+                border: @layout-title-border;
+                border-bottom: @layout-title-border-bottom;
+            }
+
+            .w2ui-panel-tabs {
+                position: absolute;
+                left: 0px;
+                top: 0px;
+                right: 0px;
+                z-index: 2;
+                display: none;
+                overflow: hidden;
+                background-color: #fff;
+                padding: 0px;
+
+                > .w2ui-tab.active {
+                    background-color : @layout-background-color;
+                }
+            }
+
+            .w2ui-panel-toolbar {
+                position: absolute;
+                left: 0px;
+                top: 0px;
+                right: 0px;
+                z-index: 2;
+                display: none;
+                overflow: hidden;
+                background-color: @layout-toolbar-background-color;
+                border-bottom: 1px solid #efefef;
+                padding: 2px;
+            }
+
+            .w2ui-panel-content {
+                position: absolute;
+                left: 0px;
+                top: 0px;
+                right: 0px;
+                bottom: 0px;
+                z-index: 1;
+                color: @layout-color;
+                background-color : @layout-background-color;
+            }
+        }
+
+        .w2ui-resizer {
+            display: none;
+            position: absolute;
+            z-index: 121;
+            background-color: @layout-resizer-background-color;
+
+            &:hover, &.active {
+                background-color: @layout-resizer-hover-background-color;
+            }
+        }
+    }
+}

package/static/w2ui/src/less/src/mixins.less

@@ -0,0 +1,87 @@
+// *************************************************
+// ---- Mixins ----
+//
+
+.box-shadow (@value : none) {
+    -webkit-box-shadow     : @value;
+       -moz-box-shadow     : @value;
+        -ms-box-shadow     : @value;
+         -o-box-shadow     : @value;
+            box-shadow     : @value;
+}
+
+.box-sizing (@value : border-box) {
+    -webkit-box-sizing : @value;
+       -moz-box-sizing : @value;
+        -ms-box-sizing : @value;
+         -o-box-sizing : @value;
+            box-sizing : @value;
+}
+
+.user-select (@value : none) {
+    -webkit-user-select    : @value;
+       -moz-user-select    : @value;
+        -ms-user-select    : @value;
+         -o-user-select    : @value;
+            user-select    : @value;
+}
+
+.transform-rotate (@value : 0deg) {
+    -webkit-transform : rotate(@value);
+       -moz-transform : rotate(@value);
+        -ms-transform : rotate(@value);
+         -o-transform : rotate(@value);
+            transform : rotate(@value);
+}
+
+.transform (@value : none) {
+    -webkit-transform : @value;
+       -moz-transform : @value;
+        -ms-transform : @value;
+         -o-transform : @value;
+            transform : @value;
+}
+
+.transition (@property : all, @time : 0s) {
+    -webkit-transition : @property @time;
+       -moz-transition : @property @time;
+        -ms-transition : @property @time;
+         -o-transition : @property @time;
+            transition : @property @time;
+}
+
+.opacity (@value : 1.0) {
+    opacity : @value;
+    @valueNew : (@value * 100);
+    filter: alpha(opacity=@valueNew);
+}
+
+.linear-gradient (@params...) {
+    @gradient: ~`'@{arguments}'.replace(/^\[|\]$/g, '').replace(/, /g, ',')`;
+    background-image: linear-gradient(@gradient);
+}
+
+.linear-gradient-vertical (@color1, @color2) when (@color1 = @color2) {
+    background-color: @color1;
+}
+
+.linear-gradient-vertical (@color1, @color2) when not(@color1 = @color2) {
+    background-image: linear-gradient(@color1, @color2);
+}
+
+.linear-gradient-vertical4 (@color1, @percent1, @color2, @percent2) {
+    // by default to bottom
+    background-image: linear-gradient(@color1 @percent1, @color2 @percent2);
+}
+
+.linear-gradient-dark-center (@color) {
+    background-image:linear-gradient(to bottom, fadeout(@color, 90%) 0%, @color 40%, @color 60%, fadeout(@color, 90%) 100%);
+}
+
+.background-image (@image, @rest...) {
+    background : @image @rest;
+}
+
+.user-select (@value) {
+    user-select: @value;
+}

package/static/w2ui/src/less/src/popup.less

@@ -0,0 +1,277 @@
+.w2ui-popup {
+    position: fixed;
+    z-index: 1600;
+    overflow: hidden;
+    font-family: @main-font-family;
+    border-radius: 6px;
+    padding: 0px;
+    margin: 0px;
+    border: 1px solid #777;
+    background-color: #fafafa;
+    box-shadow: 0 0 25px #0000005d;
+
+    &.w2ui-non-blocking {
+        border: 1px solid #c8c8c8;
+        box-shadow: 0 0 2px #555;
+    }
+
+    &, & * {
+        box-sizing: border-box;
+    }
+
+    &.w2ui-anim-open {
+        opacity: 0;
+        transform: scale(0.8);
+    }
+
+    &.w2ui-anim-close {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+
+    .w2ui-popup-title-btns {
+        position: absolute;
+        z-index: 1021;
+        right: 0;
+        margin: 10px 10px 0 0;
+        font-size: 17px;
+        .w2ui-popup-button {
+            float: right;
+            width: 25px;
+            height: 23px;
+            cursor: pointer;
+            color: #888;
+            margin: 0 0 0 2px;
+            z-index: 301;
+            position: relative;
+            span.w2ui-icon {
+                width: 24px;
+                height: 23px;
+                margin-top: 0px;
+            }
+            &.w2ui-popup-close:hover {
+                color: #222;
+            }
+            &.w2ui-popup-max:hover {
+                color: #222;
+            }
+        }
+    }
+
+    .w2ui-popup-title {
+        padding: 10px;
+        border-radius: 6px 6px 0px 0px;
+        .linear-gradient-vertical(#fff, #fff);
+        border-bottom: 1px solid #eee;
+        position: absolute;
+        overflow: hidden;
+        height: 42px;
+        left: 0px;
+        right: 0px;
+        top: 0px;
+        text-overflow: ellipsis;
+        // text-align: center;
+        .user-select;
+        cursor: move;
+        font-size: 17px;
+        color: #555;
+        z-index: 300;
+    }
+
+    .w2ui-box, .w2ui-box-temp { // w2ui-box & w2ui-box-temp needed for transitions
+        position: absolute;
+        left: 0px;
+        right: 0px;
+        top: 42px;
+        bottom: 58px;
+        z-index: 100;
+    }
+
+    .w2ui-popup-body {
+        font-size: 12px;
+        line-height: 130%;
+        padding: 0px 7px 7px 7px;
+        color: #000;
+        background-color: #fafafa;
+        position: absolute;
+        overflow: auto;
+        width: 100%;
+        height: 100%;
+    }
+
+    .w2ui-popup-buttons {
+        font-size: 11px;
+        padding: 14px;
+        border-radius: 0px 0px 6px 6px;
+        border-top: 1px solid #eee;
+        background-color: #fff;
+        text-align: center;
+        position: absolute;
+        overflow: hidden;
+        height: 56px;
+        left: 0px;
+        right: 0px;
+        bottom: 0px;
+        z-index: 200;
+    }
+
+    .w2ui-popup-no-title {
+        border-top-left-radius: 6px;
+        border-top-right-radius: 6px;
+        top: 0px;
+    }
+
+    .w2ui-popup-no-buttons {
+        border-bottom-left-radius: 6px;
+        border-bottom-right-radius: 6px;
+        bottom: 0px;
+    }
+
+    .w2ui-msg-text {
+        font-size: 14px;
+        line-height: 1.5;
+    }
+
+    .w2ui-prompt {
+        font-size: 12px;
+        padding: 0 10px;
+        &.textarea {
+            margin-top: 20px;
+        }
+        > div {
+            margin-bottom: 5px
+        }
+        > label {
+            margin-right: 5px;
+        }
+        input {
+            width: 230px;
+        }
+        textarea {
+            width: 100%;
+            height: 50px;
+            resize: none
+        }
+    }
+
+    .w2ui-popup-resizer {
+        z-index: 201;
+        position: absolute;
+        bottom: 2px;
+        right: 2px;
+        width: 10px;
+        height: 10px;
+        cursor: nwse-resize;
+        color: #aaa;
+        box-shadow: none;
+
+        &.resize-point {
+            box-sizing: border-box;
+            display: inline-block;
+            font-size: inherit;
+            font-style: normal;
+            text-indent: -9999px;
+            vertical-align: middle;
+            width: 1em;
+            height: 1em;
+            line-height: 100%;
+        }
+
+        &.resize-point::before,
+        &.resize-point::after {
+            content: "";
+            display: block;
+            left: 50%;
+            position: absolute;
+            top: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        &.resize-icon::before {
+            border: .1rem solid currentColor;
+            border-right: 0;
+            border-top: 0;
+            border-left: 0;
+            height: 1.4em;
+            transform: translate(-84%, -84%) rotate(-45deg);
+            width: 1.4em;
+        }
+
+        &.resize-icon::after {
+            border: .1rem solid currentColor;
+            border-right: 0;
+            border-top: 0;
+            border-left: 0;
+            height: .7em;
+            transform: translate(-50%, -50%) rotate(-45deg);
+            width: .7em;
+        }
+    }
+}
+
+// slide down message - not just popup, but also grid, form, layout
+.w2ui-message {
+    font-size: 12px;
+    position: absolute;
+    z-index: 250;
+
+    background-color: #fcfcfc;
+    border: 1px solid #999;
+    box-shadow: 0 0 15px #0000003d;
+    box-sizing: border-box;
+    border-top: 0px;
+    border-radius: 0px 0px 6px 6px;
+    overflow: auto;
+
+    .w2ui-msg-text {
+        font-size: 14px;
+        line-height: 1.5;
+    }
+
+    .w2ui-message-body {
+        position: absolute;
+        top: 0px;
+        bottom: 45px;
+        left: 0px;
+        right: 0px;
+        overflow: auto;
+        & .w2ui-centered {
+            line-height: 1.5
+        }
+    }
+
+    .w2ui-message-buttons {
+        position: absolute;
+        height: 45px;
+        bottom: 0px;
+        left: 0px;
+        right: 0px;
+        border-top: 1px solid #efefef;
+        background-color: white;
+        text-align: center;
+        padding: 8px;
+    }
+
+    .w2ui-prompt {
+        font-size: 12px;
+        padding: 0 10px;
+        &.textarea {
+            margin-top: 20px;
+        }
+        > div {
+            margin-bottom: 5px
+        }
+        > label {
+            margin-right: 5px;
+        }
+        input {
+            width: 230px;
+        }
+        textarea {
+            width: 100%;
+            height: 50px;
+            resize: none
+        }
+    }
+
+}