Initial commit

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

@@ -0,0 +1,139 @@
+.module-layer{
+    position : relative;
+    margin-top: 1%;
+    background: rgba(255, 255, 255, 0.8);
+    margin-bottom: 3%;
+}
+
+.suppliers-info{
+    display: inline-block;
+    width:10%;
+}
+
+#suppliers-layer{
+    .module-layer;
+
+    .edit-tr{
+        display: block;
+        width:100%;
+    }
+
+    .suppliers-add-edit{
+        width: 100%;
+        display: block;
+    }
+
+    .supplier-input{
+        display: block;
+        width: 100%;
+    }
+
+    .supplier-group{
+        display: block;
+        width:100%;
+        margin-bottom: 1%;
+    }
+}
+
+#suppliers-products-layer{
+    .module-layer;
+
+    .edit-tr{
+        display: block;
+        width:100%;
+    }
+
+    .product-input{
+        display: block;
+        width: 100%;
+    }
+
+    .product-group{
+        display: inline-block;
+        width:48%;
+        margin-bottom: 1%;
+    }
+
+    .drop-box {
+        cursor: pointer;
+        color: #337ab7;
+        border: 5px dashed #337ab7;
+        border-radius: 10px;
+        text-align: center;
+        vertical-align: middle;
+        font-size: 150%;
+        padding: 10% 0;
+        margin-top: 2%;
+    }
+
+    .dragover {
+        border: 5px dashed #4CC417;
+    }
+
+    .show-documents-icon{
+        cursor: pointer;
+    }
+
+    .remove-document-icon{
+        cursor: pointer;
+        color: red;
+        margin-left: 5px;
+    }
+}
+
+#suppliers-products-add-layer{
+    .module-layer;
+    padding-bottom: 2%;
+
+    .form-notice{
+        display: inline-block;
+    }
+
+    .notice-icon{
+        color: #337ab7;
+    }
+
+    .product-radio-layer{
+        display: inline-block;
+        margin-left: 1%;
+    }
+}
+
+#suppliers-add-layer{
+    .module-layer;
+    padding-bottom: 2%;
+
+    #suppliers-add-steps-layer{
+        display: inline-block;
+        width:100%;
+        text-align: center;
+    }
+
+    .suppliers-add-step{
+        display: inline-block;
+        padding: 1%;
+        border-radius: 5px;
+    }
+    .step-ongoing{
+        background: #2184be;
+        color: #FFF;
+    }
+
+    .step-done{
+        background: #9dc8e2;
+        color: #FFF;
+    }
+
+    .step-inactive{
+        background: #eee;
+        color: #aaa;
+    }
+
+    .step-link{
+        display: inline-block;
+        height: 2px;
+        width: 5%;
+        background: #2184be;
+        vertical-align: middle;
+    }
+}