Initial commit

api-wiaas/client/js/components/shop/shop.less

@@ -0,0 +1,402 @@
+@background-layer: rgba(255, 255, 255, 0.8);
+
+.ui-dialog-titlebar-close{
+    display: none;
+}
+
+#web-shop-layer {
+    padding-bottom: 2%;
+
+    .shop-packages-found {
+        font-size: 70%;
+    }
+
+    .shop-package-layer {
+        position: relative;
+        margin-top: 2%;
+        background: @background-layer;
+        padding: 3%;
+        height: 200px;
+    }
+
+    .shop-package-title {
+        font-size: 120%;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .shop-package-reference {
+        margin-bottom: 5%;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .shop-package-details-btn {
+        position: absolute;
+        bottom: 5%;
+        right: 5%;
+    }
+
+    .shop-package-extra {
+        position: absolute;
+        bottom: 5%;
+        left: 5%;
+    }
+
+    .shop-package-label {
+        display: inline-block;
+        font-weight: bold;
+    }
+
+    .shop-package-text {
+        display: inline-block;
+    }
+
+    .commercial-leads-layer {
+        margin: 1% 0;
+    }
+
+    .comemrcial-lead {
+        margin-right: 1%;
+    }
+
+    .selected-cl {
+        color: #FFFF00;
+    }
+}
+
+#shop-package-details-layer {
+    .shop-package-details-layer {
+        position: relative;
+        background: @background-layer;
+        padding: 1% 3%;
+        margin-top: 1%;
+    }
+
+    .shop-package-title {
+        font-size: 160%;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .shop-package-reference {
+        margin-bottom: 5%;
+        text-align: center;
+        font-weight: bold;
+    }
+
+    .shop-package-label {
+        display: inline-block;
+        font-weight: bold;
+    }
+
+    .shop-package-text {
+        display: inline-block;
+        vertical-align: top;
+    }
+
+    .shop-package-full-description {
+        margin-top: 3%;
+    }
+
+    .shop-package-details-country {
+        margin-top: 3%;
+    }
+
+    .selection-price {
+        font-size: 160%;
+        color: #E42217;
+    }
+
+    .shop-package-prices, .shop-package-options {
+        margin-top: 3%;
+        padding: 1%;
+        border-bottom: 2px solid #000;
+    }
+
+    .package-option {
+        margin-top: 2%;
+    }
+
+    .package-option-input, .price-type-option{
+        cursor: pointer;
+    }
+
+    .package-option-checkbox{
+        cursor: pointer;
+        font-size: 120%;
+    }
+
+    .option-value {
+        padding: 3px;
+        margin-right: 3%;
+    }
+    .option-value-text, .shop-package-pay-type{
+        cursor: pointer;
+    }
+
+    .option-value:hover, .shop-package-pay-type:hover {
+        background: rgba(59, 185, 255, 0.5);
+        border-radius: 5px;
+    }
+
+    .add-to-cart-btn {
+        margin-top: 5%;
+    }
+
+    .shop-pacakge-option-agreement {
+        width: 20%;
+    }
+
+    .shop-pacakge-option-price {
+        margin-left: 5%;
+    }
+
+    .shop-packages-details-cl {
+        border-top: 2px solid #000;
+        margin-top: 2%;
+        padding-top: 2%;
+    }
+
+    .back-btn-layer {
+        margin-top: 2%;
+    }
+
+    .price-info-btn {
+        color: #337ab7;
+        cursor: pointer;
+        margin-left: 5px;
+    }
+
+    .price-info-title {
+        font-weight: bold;
+    }
+
+    .selected-price {
+        font-weight: bold;
+    }
+
+    .selected-option{
+        font-weight: bold;
+    }
+
+    .shop-package-details-documents{
+        margin-top: 3%;
+    }
+
+    .options-header {
+        margin-top: 2%;
+    }
+
+    .not-available{
+        font-weight: bold;
+        color: #FFA62F;
+    }
+}
+
+#shop-package-search-btn {
+    cursor: pointer;
+}
+
+#shop-package-serach-input {
+    background: @background-layer;
+    border-radius: 5px;
+    margin: 0;
+    padding: 0 5px;
+    border: 1px solid #2e6da4;
+}
+
+#shop-package-clear-btn {
+    color: #E42217;
+    cursor: pointer;
+}
+
+#shop-cart-container {
+    background: @background-layer;
+    padding-left: 2%;
+
+    .address-type {
+        font-size: 150%;
+        margin-bottom: 1%;
+    }
+}
+
+#shop-cart {
+    .not-available {
+        display: inline-block;
+        color: #FFA62F;
+    }
+
+    .shop-cart-item {
+        padding: 1% 0;
+        border-bottom: 2px solid #337ab7;
+    }
+
+    .shop-item-name {
+        font-weight: bold;
+    }
+
+    .shop-item-option {
+        font-weight: normal;
+        font-size: 90%;
+    }
+
+    .shop-item-remove {
+        font-size: 150%;
+        cursor: pointer;
+        color: #E42217;
+    }
+
+    .show-customer-addresses {
+        .label-value-pair {
+            margin-bottom: 1%;
+        }
+
+        .address-area {
+            height: 80px;
+        }
+    }
+
+    .drop-box {
+        color: #337ab7;
+        border: 5px dashed #337ab7;
+        border-radius: 10px;
+        text-align: center;
+        vertical-align: middle;
+        font-size: 200%;
+        padding: 10% 0;
+        margin-top: 2%;
+    }
+
+    .dragover {
+        border: 5px dashed #4CC417;
+    }
+
+    .document-layer {
+        padding: 1% 0;
+        border-bottom: 2px solid #337ab7;
+    }
+
+    .upload-status {
+        font-size: 200%;
+        padding: 10% 0;
+        margin-top: 2%;
+    }
+
+    .file-uploaded {
+        color: #4CC417;
+    }
+
+    .no-file-uploaded {
+        color: #800080;
+    }
+
+    .shop-terms-conditions {
+        padding-left: 2%;
+        font-size: 135%;
+        font-weight: bold;
+        width: 98%;
+    }
+
+    .shop-item-options, .shop-item-additional-packages {
+        margin-top: 1%;
+        margin-left: 4%;
+        font-size: 90%;
+    }
+}
+
+#show-order-info-headers {
+    padding-top: 1%;
+    padding-bottom: 2%;
+
+    .step {
+        display: inline-block;
+        padding: 1%;
+        border-radius: 5px;
+        cursor: default;
+    }
+
+    .active-step {
+        background: #2184be;
+        color: #FFF;
+    }
+
+    .inactive-step {
+        background: #eee;
+        color: #aaa;
+    }
+
+    .done-step {
+        background: #9dc8e2;
+        color: #FFF;
+    }
+
+    .step-link {
+        display: inline-block;
+        background: #2184be;
+        width: 30px;
+        height: 2px;
+    }
+}
+
+#order-action-buttons {
+    padding-top: 2%;
+    padding-bottom: 3%;
+
+    .prev-btn {
+        float: right;
+        margin-right: 3%;
+    }
+
+    .next-btn {
+        float: right;
+        margin-right: 5%;
+    }
+
+    .save-btn {
+        float: right;
+        margin-right: 5%;
+    }
+}
+
+#cart-informations-review {
+    .package-details {
+        margin-top: 1%;
+    }
+
+    .package-details-list {
+        margin-left: 10%;
+        margin-top: 1%;
+    }
+
+    .label-value-pair {
+        display: block;
+    }
+
+    .value-pair {
+        display: inline;
+        margin-left: 3%;
+    }
+
+    .cart-review-title {
+        color: #045FB4;
+    }
+
+    .package-name-review {
+        font-weight: bold;
+    }
+}
+
+.shop-message{
+    padding-left: 2%;
+    font-size: 130%;
+}
+
+#shop-cart-empty-container {
+    background: @background-layer;
+}
+
+.mail-order-package-detail {
+    padding-left: 35px;
+    display: block;
+}