rademade_admin 0.0.1

data/app/assets/stylesheets/rademade_admin/detail_admin/error.scss.erb

@@ -0,0 +1,19 @@
+.error-message {
+    float: left;
+    position: relative;
+    padding: 3px 10px 4px 10px;
+    color: #fff;
+    font-size: 12px;
+    background-color: #cf7573;
+    font-weight: bold;
+    font-family: "Arial",sans-serif;
+
+    .error-buble {
+        position: absolute;
+        top: 0;
+        left: -5px;
+        width: 5px;
+        height: 6px;
+        background: url(<%=image_path('rademade_admin/icons/buble.png')%>) 0 0 no-repeat;
+    }
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/form-showcase.scss.erb

@@ -0,0 +1,87 @@
+.form-page {
+	.form-wrapper {
+		margin-bottom: 40px;
+		.field-box{
+			margin-bottom: 30px;
+			margin-left: 0;
+			float: left;
+			width: 100%;
+		}
+		label{
+			display: inline-block;
+			float: left;
+			font-weight: 600;
+			cursor: auto;
+			font-size: 12px;
+			width: 140px;
+			text-align: left;
+		}
+		input:-moz-placeholder{font-style: italic;}
+		input:-ms-input-placeholder{font-style: italic;}
+		input::-webkit-input-placeholder{font-style: italic;}
+
+		.predefined {
+			position: relative;
+			input {	
+				padding-left: 40px;
+			}
+			.value {
+				position: absolute;
+				top: 6px;
+			}
+		}
+
+		label.checkbox {
+			cursor: pointer;
+			color: #555;
+		}
+		label.radio {
+			position: relative;
+			left: -20px;
+			width: 100%;
+			cursor: pointer;
+			color: #555;
+		}
+		label.checkbox,
+		label.radio {
+			font-weight: lighter;
+			input[type="checkbox"],
+			input[type="radio"] {
+				font-size: large;
+				margin-left: 0px;
+			}
+		}
+
+		.wysi-column {
+			float: left;
+			width: 75%;
+		}
+
+		.column.pull-right {
+			label {
+				display: block;
+				width: 100%;
+			}
+			.ui-select {
+				width: 250px;
+			}
+			.input-group {
+				margin-bottom: 10px;
+				width: 250px;
+			}
+			.input-datepicker {
+				width: 250px;
+			}
+		}
+		.select2-container {
+			margin-left: 0px;
+		}
+	}
+}
+
+/*Responsive*/
+@media (max-width: 767px) {
+	.form-page .form-wrapper label.radio {
+		left: 0px;
+	}	
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/form-wizard.scss.erb

@@ -0,0 +1,261 @@
+#fuelux-wizard {
+	margin-top: 60px;
+}
+.wizard-steps {
+	list-style: none;
+	display: block;
+	width: 100%;
+	padding: 0;
+	margin: 12px 0 0;
+	position: relative;
+	left: -40px;
+	li {
+		display: block;
+		text-align: center;
+		float: left;
+		min-width: 25%;
+		max-width: 25%;
+		&:before {
+			display: block;
+			content: "";
+			width: 100%;
+			height: 1px;
+			font-size: 0;
+			overflow: hidden;
+			border-top: 3px solid #e5e8ed;
+			position: relative;
+			top: 12px;
+			z-index: 1;
+		}
+		&:first-child:before {
+			max-width: 50%;
+			left: 50%;
+		}
+		&:last-child:before {
+			max-width: 50%;
+			width: 50%;
+		}
+
+		&.active:before, 
+		&.complete:before, 
+		&.active .step, 
+		&.complete .step {
+			border-color: rgb(203, 222, 238);
+			color: #34a0ed;
+			background-color: #f2f7fb;
+			font-weight: bold;
+			box-shadow: inset 0px 0px 1px 2px #fff;
+		}
+
+		.step {
+			text-align: center;
+			border: 2px solid #e5e8ed;
+			color: #d8dce6;
+			font-size: 19px;
+			border-radius: 32px;
+			line-height: 12px;
+			padding: 7px 15px;
+			background-color: #FFF;
+			position: relative;
+			z-index: 2;
+			display: inline;
+		}
+
+		&.complete .title, 
+		&.active .title {
+			color: #2b3d53;
+		}
+
+		.title {
+			display: block;
+			max-width: 100%;
+			color: rgb(177, 188, 197);
+			font-size: 13px;
+			z-index: 104;
+			text-align: center;
+			table-layout: fixed;
+			word-wrap: break-word;
+			position: relative;
+			top: -76px;
+			line-height: 15px;
+		}
+	}
+}
+
+
+/* step content */
+.step-content {
+	margin-top: 40px;
+	margin-left: 60px;
+	.step-pane {
+		display: none;
+		min-height: 267px;
+	}
+	.active {
+		display: block;
+	}
+}
+
+
+/* step forms */
+.form-wrapper {
+    fieldset {
+        margin: 20px 10px 0 10px;
+        padding: 0;
+    }
+    ol {
+        margin: 0;
+        padding: 0;
+    }
+	.field-box {
+		margin-bottom: 25px;
+		margin-left: 0;
+		float: left;
+		width: 100%;
+
+		&:last-child {
+			margin-bottom: 0px;
+		}
+	}
+	label {
+		display: inline-block;
+		float: left;
+		font-weight: 600;
+		cursor: auto;
+		font-size: 12px;
+		width: 120px;
+		text-align: left;
+		position: relative;
+		top: 2px;
+        color: #333333;
+	}
+	input[type="text"],
+	input[type="email"],
+	input[type="password"],
+    input[type="number"],
+    input[type="tel"],
+    input[type="file"] {
+        width: 400px;
+        float: left;
+    }
+
+    select {
+        float:left;
+        width: auto;
+        height: 25px;
+    }
+
+    .select-wrapper {
+        float: left;
+    }
+
+	&.payment-info label {
+		width: 150px;
+	}
+	.alert-msg {
+		display: block;
+		margin-left: 120px;
+		margin-bottom: -4px;
+		margin-top: 10px;
+		i {
+			font-size: 14px;
+		}
+	}
+}
+
+.uploader-block {
+
+    .uploader-wrapper {
+        float:left;
+
+        .image-preview {
+            margin-bottom: 10px;
+        }
+
+        .uploader-input-file {
+
+        }
+
+    }
+
+}
+
+/*** Form states ***/
+.form-wrapper .field-box {
+	/* error */
+	&.error {
+		label,
+		.alert-msg {
+			color: rgb(199, 57, 57);
+		}
+		input {
+			border-color: rgb(199, 57, 57);
+		}
+	}
+	/* success */
+	&.success {
+		label,
+		.alert-msg {
+			color: rgb(55, 158, 72);
+		}
+		input {
+			border-color: rgb(55, 158, 72);
+		}
+	}
+}
+
+
+/* actions */
+.wizard-actions {
+	float: right;
+	margin-top: 30px;
+	margin-right: 130px;
+	.btn-next {
+		margin-left: 15px;
+	}
+	.btn-finish {
+		display: none;
+		margin-left: 15px;
+	}
+}
+
+.submit-box {
+    text-align: right;
+    li {
+        display: inline-block;
+    }
+    input.btn-flat {
+        font-weight: 500;
+    }
+    span {
+        text-transform: uppercase;
+        color: #7e91aa;
+        font-weight: 600;
+        display: inline-block;
+        vertical-align: middle;
+        margin: 0 2px 0 8px;
+    }
+    input.reset {
+        color: #7e91aa;
+        font-weight: 500;
+    }
+}
+
+
+/* responsive */
+@media (max-width: 979px) {
+	.step-content {
+		margin-left: 0px;
+	}
+}
+@media (max-width: 600px) {
+	.wizard-steps {
+		left: 0px;
+	}	
+	.form-wrapper input[type="text"] {
+		width: 200px;
+	}
+    .form-wrapper select {
+        width: 200px;
+    }
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/gallery.scss.erb

@@ -0,0 +1,106 @@
+@mixin preview-image {
+    border:4px solid #dff0fd;
+    border-radius: 3px;
+}
+
+.gallery {
+	.gallery-wrapper {
+		text-align: center;
+		position: relative;
+	}
+	.img-container {
+		margin-bottom: 50px;
+
+		.img-box{
+			display: inline-block;
+			position: relative;
+
+			&:hover span{
+				visibility: visible;
+			}
+		}
+
+        img {
+            @include preview-image;
+            cursor: pointer;
+        }
+
+		.title {
+			margin-top: 5px;
+			font-size: 13px;
+		}
+		.icon{
+			position: absolute;
+			background: rgba(56, 156, 240,0.8);
+			height: 48px;
+			width: 48px;
+			visibility: hidden;
+			left: 41%;
+			border-radius: 100%;
+			cursor: pointer;
+			text-align: center;
+		}
+		i {
+			display: inline-block;
+			margin-top: 14px;
+		}
+		span.edit{
+			top: 23%;
+		}
+		span.trash{
+			top: 48%;
+		}
+	}
+	.new-img {
+		display: inline-block;
+		img {
+			border: 2px dashed #dee3e8;
+			cursor: pointer;
+			margin-bottom: 50px;
+			&:hover {
+				opacity: 0.8;
+				border-color: #ccc;
+			}
+		}
+	}
+}
+
+img.image-preview {
+    @include preview-image;
+}
+
+
+/* gallery blank state */
+.no-gallery {
+	border-top: 1px solid #edeff1;
+	padding-top: 40px;
+	box-shadow: 0px 4px 9px -6px rgba(0, 0, 0, 0.12) inset;
+	margin-bottom: 100px;
+	.center{
+		margin: 0 auto;
+		text-align: center;
+		width:42%;
+		h6{
+			color: #364453;
+			font-weight: 600;
+			margin: 30px 0 9px;
+			font-size: 15px;
+		}
+		p{
+			color: #364453;
+			font-size: 13px;
+		}
+		a {
+			margin-top: 30px;
+		}
+	}
+}
+
+
+/*Responsive*/
+@media (max-width: 979px) {
+	.gallery .popup {
+		display: none;
+	}
+}
+