redde 0.1.18 → 0.3.0

data/app/assets/stylesheets/redde/fonts.sass

@@ -0,0 +1,42 @@
+@font-face
+  font-family: 'redde-admin'
+  src: font-url("redde-admin.eot")
+  src: font-url("redde-admin.eot#iefix") format("embedded-opentype"), font-url("redde-admin.woff") format("woff"), font-url("redde-admin.ttf") format("truetype"), font-url("redde-admin.svg#redde-admin") format("svg")
+  font-weight: normal
+  font-style: normal
+
+
+// Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it.
+// Note, that will break hinting! In other OS-es font will be not as sharp as it could be
+
+@media screen and (-webkit-min-device-pixel-ratio: 0)
+  @font-face
+    font-family: 'redde-admin'
+    src: font-url("redde-admin.svg#redde-admin") format("svg")
+
+[class^="icon-"]:before, [class*=" icon-"]:before
+  font-family: "redde-admin"
+  font-style: normal
+  font-weight: normal
+  speak: none
+  display: inline-block
+  text-decoration: inherit
+  width: 1em
+  margin-right: .2em
+  text-align: center
+  // opacity: .8;
+  // For safety - reset parent styles, that can break glyph codes
+  font-variant: normal
+  text-transform: none
+  // fix buttons height, for twitter bootstrap
+  line-height: 1em
+  // Animation center compensation - margins should be symmetric
+  // remove if not needed
+  margin-left: .2em
+  // you can be more comfortable with increased icons size
+  // font-size: 120%;
+  // Uncomment for 3D effect
+  // text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
+
+.icon-upload:before
+  content: '\e800'

data/app/assets/stylesheets/redde/index.scss

@@ -0,0 +1,5 @@
+//= require ./defaults
+//= require ./fonts
+//= require_directory ./layouts
+//= require_directory ./blocks
+//= require ./redactor

data/app/assets/stylesheets/redde/layouts/header.sass

@@ -0,0 +1,63 @@
+//= depend_on_asset redde/logo.png
+//= depend_on_asset redde/user.svg
+
+.header
+  color: #fff
+  box-shadow: #666 0 0 3px
+  background-color: #176d99
+  background-image: linear-gradient(to top, #156d97, #19719b)
+  margin-bottom: 20px
+
+.header__init
+  box-sizing: border-box
+  max-width: 1260px
+  min-width: 580px
+  padding-left: (185px + 31px)
+  padding-right: 31px
+  margin: 0 auto
+  overflow: hidden
+  position: relative
+
+.header__logo
+  position: absolute
+  width: 123px
+  height: 31px
+  left: 0
+  top: 0
+  bottom: 0
+  margin: auto
+  overflow: hidden
+  background: image-url('redde/logo.png') no-repeat 0 0
+  text-indent: -9999px
+  display: block
+
+.header__logo-text
+  display: none
+
+.header__links
+  float: right
+  margin: 18px 20px 18px 0
+
+.header__link
+  margin-left: 2.25em
+  color: #fff
+  text-decoration: none
+
+  &:first-child
+    margin-left: 0
+
+  &._user:before
+    content: "\A0"
+    display: inline-block
+    width: 1em
+    height: 1em
+    margin-right: 10px
+    background: image-url('redde/user.svg') no-repeat center bottom
+
+  &._exit
+    color: #bfd8e3
+
+  &._name
+    text-decoration: underline
+    &:hover
+      text-decoration: none

data/app/assets/stylesheets/redde/layouts/main-menu.sass

@@ -0,0 +1,63 @@
+//= depend_on_asset redde/main-menu/home.svg
+//= depend_on_asset redde/main-menu/home_active.svg
+//= depend_on_asset redde/main-menu/folder.svg
+//= depend_on_asset redde/main-menu/folder_active.svg
+//= depend_on_asset redde/main-menu/cog.svg
+//= depend_on_asset redde/main-menu/cog_active.svg
+//= depend_on_asset redde/main-menu/list.svg
+//= depend_on_asset redde/main-menu/list_active.svg
+
+.main-menu
+  float: left
+
+.main-menu__link
+  color: #bfd8e3
+  text-decoration: none
+  font-size: 14px
+  line-height: 17px
+  float: left
+  padding: 17px 21px
+
+  &._active, &:hover
+    background: #2d7fa7
+    color: #fff
+
+  &.b_home:before,
+  &.b_folder:before,
+  &.b_cog:before,
+  &.b_list:before
+    content: "\A0"
+    display: inline-block
+    width: 1em
+    height: 1em
+    margin-right: 9px
+    background-position: bottom center
+    background-repeat: no-repeat
+
+  &.b_home
+    &:before
+      background-image: image-url('redde/main-menu/home.svg')
+    &._active, &:hover
+      &:before
+        background-image: image-url('redde/main-menu/home_active.svg')
+
+  &.b_folder
+    &:before
+      background-image: image-url('redde/main-menu/folder.svg')
+    &._active, &:hover
+      &:before
+        background-image: image-url('redde/main-menu/folder_active.svg')
+
+  &.b_cog
+    &:before
+      background-image: image-url('redde/main-menu/cog.svg')
+    &._active, &:hover
+      &:before
+        background-image: image-url('redde/main-menu/cog_active.svg')
+
+  &.b_list
+    &:before
+      background-image: image-url('redde/main-menu/list.svg')
+    &._active, &:hover
+      &:before
+        background-image: image-url('redde/main-menu/list_active.svg')

data/app/assets/stylesheets/redde/layouts/main.sass

@@ -0,0 +1,48 @@
+@import redde/mixins
+
+.wrapper
+  box-sizing: border-box
+  padding: 0 30px 30px 215px
+  max-width: 1260px
+  min-width: 800px
+  margin: 0 auto
+  &:after
+    content: ''
+    display: table
+    clear: both
+
+.sidebar
+  margin-left: -215px
+
+.main
+  box-shadow: 0 0 3px #ccc
+  border-radius: 6px
+  border: 1px solid #D7D7D7
+  min-height: 500px
+  background-color: #fff
+  padding: 0
+  border-bottom: 1px solid #DADEE5
+  margin: 0
+  margin-left: -185px
+
+  .sidebar + &
+    float: left
+    width: 100%
+    margin-left: 0
+
+.main__page
+  +clearfix
+
+.main__sidebar
+  float: right
+  padding: 30px
+  width: 245px
+  border-left: 1px solid #efefef
+
+.main__content
+  padding: 30px
+  .main__sidebar + &
+    margin-right: 305px
+
+// .sidebar .page-sidebar
+//   float: right

data/app/assets/stylesheets/redde/layouts/page-header.sass

@@ -0,0 +1,34 @@
+//= depend_on_asset redde/plus.svg
+
+.page-header
+  position: relative
+  background: #F1F5F9
+  border-bottom: 1px solid #DADEE5
+  padding: 18px 30px
+  margin: 0
+  border-top-right-radius: 5px
+  border-top-left-radius: 5px
+  &:after
+    content: ''
+    display: table
+    clear: both
+
+.page-header__title
+  font-size: 16px
+  float: left
+
+.page-header__btn
+  color: #fff
+  position: absolute
+  top: 0
+  bottom: 0
+  right: 10px
+  margin: auto
+  height: 14px
+  &:after
+    content: "\A0"
+    display: inline-block
+    width: 8px
+    height: 1em
+    background: image-url('redde/plus.svg') no-repeat 50% 3px
+    margin-left: 13px

data/app/assets/stylesheets/redde/layouts/page-sidebar.sass

@@ -0,0 +1,9 @@
+.page-sidebar
+  font-size: 12px
+
+.page-sidebar__title
+  line-height: 1
+  padding: 0 0 3px 0
+  border-bottom: 1px solid #efefef
+  color: #222
+  font-weight: bold

data/app/assets/stylesheets/redde/mixins.sass

@@ -0,0 +1,10 @@
+$family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif
+
+$text: #000
+$link: #19709b
+
+=clearfix
+  &:before, &:after
+    content: ''
+    display: table
+    clear: both

data/{spec/dummy/app/assets/stylesheets → app/assets/stylesheets/redde}/redactor/index.scss

@@ -1,13 +1,16 @@
+//= depend_on_asset redde/redactor/icons.png
+//= depend_on_asset redde/redactor/wym.css
+
 .redactor_box {
 	position: relative;
-	border: 1px solid #ddd;	
+	border: 1px solid #ddd;
 	line-height: 0;
 }
 .redactor_box, .redactor_box textarea {
 	background-color: #fff;
 }
 .redactor_box iframe {
-	outline: none;	
+	outline: none;
 	width: 100%;
 	background: #fff;
 	display: block;
@@ -22,8 +25,8 @@
 	padding: 0;
 	display: block;
 	position: relative;
-	z-index: 1004; 
-	outline: none;	
+	z-index: 1004;
+	outline: none;
 	border: none;
 	width: 100%;
 }
@@ -61,27 +64,21 @@ body .redactor_box_fullscreen {
 	list-style: none;
 	font-size: 0;
 	background: #f2f2f2;
-	background: -moz-linear-gradient(top,  #f5f5f5 0%, #ddd 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ddd));
-	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ddd 100%);
-	background: -o-linear-gradient(top,  #f5f5f5 0%,#ddd 100%);
-	background: -ms-linear-gradient(top,  #f5f5f5 0%,#ddd 100%);
-	background: linear-gradient(top,  #f5f5f5 0%,#ddd 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );
-	overflow: hidden;	
+	background: linear-gradient(to bottom, #f5f5f5 0%,#ddd 100%);
+	overflow: hidden;
 	border-bottom: 1px solid #c2c2c2;
 }
 .redactor_toolbar li {
 	float: left !important;
 	padding: 3px 1px;
 	padding-right: 0;
-	list-style-type: none;	
+	list-style-type: none;
 }
 .redactor_toolbar li.redactor_separator {
-	float: left;		
+	float: left;
 	height: 34px;
 	border-left: 1px solid #d7d7d7;
-	border-right: 1px solid #eee;	
+	border-right: 1px solid #eee;
 	padding: 0;
 	margin: 0 2px 0 3px;
 }
@@ -94,23 +91,23 @@ li.redactor_toolbar_right {
 .redactor_toolbar li a, .redactor_toolbar li a span {
 	width: 25px;
 	height: 26px;
-}	
+}
 .redactor_toolbar li a {
 	border: 1px solid transparent;
-	* border: 1px solid #eee; 
+	//* border: 1px solid #eee;
 	display: block;
 	line-height: 0;
 	font-size: 0;
 	cursor: pointer;
 	zoom: 1;
 	text-decoration: none;
-}	
+}
 .redactor_toolbar li a span {
 	display: block;
 	text-indent: -9999px;
-	background: image-url("redactor/icons.png") no-repeat top left;
+	background: image-url("redde/redactor/icons.png") no-repeat top left;
 }
-	
+
 .redactor_toolbar li a:hover {
 	border-color: #98a6ba;
 	background-color: #dde4ef;
@@ -129,14 +126,14 @@ body .redactor_toolbar li a.redactor_btn_html span				  { background-position: 0
 body .redactor_toolbar li a.redactor_btn_styles span			  { background-position: -25px; }
 body .redactor_toolbar li a.redactor_btn_bold span				  { background-position: -50px; }
 body .redactor_toolbar li a.redactor_btn_italic span			  { background-position: -75px; }
-body .redactor_toolbar li a.redactor_btn_deleted span		 	  { background-position: -550px; }		
-body .redactor_toolbar li a.redactor_btn_insertunorderedlist span { background-position: -100px; }		
+body .redactor_toolbar li a.redactor_btn_deleted span		 	  { background-position: -550px; }
+body .redactor_toolbar li a.redactor_btn_insertunorderedlist span { background-position: -100px; }
 body .redactor_toolbar li a.redactor_btn_insertorderedlist span   { background-position: -125px; }
 body .redactor_toolbar li a.redactor_btn_outdent span	 		  { background-position: -150px; }
 body .redactor_toolbar li a.redactor_btn_indent span		 	  { background-position: -175px; }
 body .redactor_toolbar li a.redactor_btn_image span		 		  { background-position: -200px; }
 body .redactor_toolbar li a.redactor_btn_video span		 		  { background-position: -225px; }
-body .redactor_toolbar li a.redactor_btn_file span		 		  { background-position: -250px; }	
+body .redactor_toolbar li a.redactor_btn_file span		 		  { background-position: -250px; }
 body .redactor_toolbar li a.redactor_btn_table span		 		  { background-position: -275px; }
 body .redactor_toolbar li a.redactor_btn_link span		 		  { background-position: -300px; }
 body .redactor_toolbar li a.redactor_btn_fontcolor span		 	  { background-position: -325px; }
@@ -147,8 +144,8 @@ body .redactor_toolbar li a.redactor_btn_justifyright span		  { background-posit
 body .redactor_toolbar li a.redactor_btn_justify span		 	  { background-position: -450px; }
 body .redactor_toolbar li a.redactor_btn_horizontalrule span 	  { background-position: -475px; }
 body .redactor_toolbar li a.redactor_btn_fullscreen span		  { background-position: -500px; }
-body .redactor_toolbar li a.redactor_btn_format span		  { background-position: -575px; }			
-body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-position: -525px !important; }	
+body .redactor_toolbar li a.redactor_btn_format span		  { background-position: -575px; }
+body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-position: -525px !important; }
 
 
 /*
@@ -181,10 +178,10 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	border: 1px solid #ccc;
 	font-size: 13px;
 	-webkit-box-shadow: 0 2px 4px #ccc;
-	-moz-box-shadow: 0 2px 4px #ccc;	
-	box-shadow: 0 2px 4px #ccc;	
-	line-height: 21px;	
-	padding: 10px;	
+	-moz-box-shadow: 0 2px 4px #ccc;
+	box-shadow: 0 2px 4px #ccc;
+	line-height: 21px;
+	padding: 10px;
 }
 .redactor_separator_drop {
 	border-top: 1px solid #ddd;;
@@ -202,7 +199,7 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	color: #444 !important;
 	text-decoration: none;
 	background-color: #dde4ef;
-}		
+}
 
 /* ColorPicker */
 .redactor_color_link {
@@ -228,11 +225,11 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	width: 100%;
 	height: 100%;
 	z-index: 50000;
-	
+
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	filter:alpha(opacity=70);
 	opacity: 0.70;
-	
+
 	background-color: #fff !important;
 }
 
@@ -242,25 +239,25 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	position: fixed;
 	top: 50%;
 	left: 50%;
-	
+
 	box-shadow: 0px 5px 20px #999;
-	-webkit-box-shadow: 0 5px 20px #999; 
-  	-moz-box-shadow: 0 5px 20px #999;	
-  	
+	-webkit-box-shadow: 0 5px 20px #999;
+  	-moz-box-shadow: 0 5px 20px #999;
+
   	-webkit-border-radius: 8px;
   	-moz-border-radius: 8px;
-  	border-radius: 8px;  	  	
-  		
-  	z-index: 50001;	
-	font-family: "Trebuchet MS", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;   	
+  	border-radius: 8px;
+
+  	z-index: 50001;
+	font-family: "Trebuchet MS", "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
 	color: #000;
 }
 #redactor_modal_header {
 	padding: 15px;
 	font-size: 18px;
-	
+
 	border-radius: 8px 8px 0 0;
-	
+
 	font-weight: bold;
 	background-color: #f6f6f6;
 	border-bottom: 1px solid #ddd;
@@ -295,8 +292,8 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	vertical-align: middle !important;
 }
 #redactor_image_box {
-	height: 270px; 
-	overflow: auto; 
+	height: 270px;
+	overflow: auto;
 	margin-bottom: 10px;
 }
 #redactor_image_box img {
@@ -317,7 +314,7 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	line-height: 1;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
-	border-radius: 10px;		
+	border-radius: 10px;
 }
 #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act {
 	background-color: #eee;
@@ -330,20 +327,20 @@ body .redactor_toolbar li a.redactor_btn_normalscreen span		  { background-posit
 	background-color: #eee;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
-  	border-radius: 5px;  	
+  	border-radius: 5px;
 }
 
 /* Drag and Drop Area */
 .redactor_droparea {
 	position: relative;
     width: 100%;
-    margin: auto;	
+    margin: auto;
     margin-bottom: 5px;
 }
-.redactor_droparea .redactor_dropareabox {    
+.redactor_droparea .redactor_dropareabox {
 	z-index: 1;
 	position: relative;
-    text-align: center;    
+    text-align: center;
     width: 99%;
     padding: 60px 0;
     border: 2px dashed #bbb;

data/app/assets/stylesheets/redde-admin/blocks/list-v2.sass

@@ -0,0 +1,96 @@
+//= depend_on_asset redde/move-handler.png
+//= depend_on_asset redde/eye.svg
+//= depend_on_asset redde/eye_disactive.svg
+//= depend_on_asset redde/close.svg
+//= depend_on_asset redde/close-hover.svg
+
+.list-v2
+  width: auto
+  border-collapse: collapse
+  border-collapse: separate
+  border-spacing: 0
+  margin-left: -30px
+  margin-right: -30px
+
+.list-v2__col
+  &:first-child,
+  &:last-child,
+  &._del
+    width: 0.01%
+
+.list-v2__head
+  font-size: 11px
+  text-transform: uppercase
+  background: #d7e4ef
+  padding: 13px 0 13px 30px
+  border-bottom: 1px solid #dddddd
+  // border-bottom: 0 none
+  // border-top: 1px solid #ddd
+
+  &:first-child,
+  &:last-child
+    background: #d7e4ef
+    padding-left: 0
+    min-width: 10px
+
+  &._img
+    padding-left: 20px
+
+.list-v2__head_first
+  padding-left: 0
+
+.list-v2__cell
+  padding: 3px 0 3px 30px
+  vertical-align: middle
+  font-size: 13px
+  color: #000
+  cursor: pointer
+  width: auto
+  border-bottom: 1px solid #dddddd
+  // border-top: 1px solid #ddd
+  // border-bottom: 0 none
+
+  &._img
+    width: 1%
+    padding-left: 20px
+
+  tr:hover > &
+    background-color: #fff5d4
+
+  &:first-child,
+  &:last-child
+    padding-left: 0
+    width: 10px
+    border-bottom: 0 none
+
+  &._handle
+    min-width: 23px
+    width: 0.01%
+    background: image-url('redde/move-handler.png') no-repeat center
+
+  &._eye
+    padding-left: 7px
+    width: 0.01%
+
+.list-v2__cell_first
+  padding-left: 0
+
+.list-v2__img
+  border-radius: 2px
+  display: block
+
+.list-v2__eye
+  display: block
+  width: 20px
+  height: 20px
+  background: image-url('redde/eye.svg') no-repeat center
+  &._disactive
+    background-image: image-url('redde/eye_disactive.svg')
+
+.list-v2__del
+  background: image-url('redde/close.svg') no-repeat center
+  display: block
+  width: 20px
+  height: 20px
+  &:hover
+    background: image-url('redde/close-hover.svg') no-repeat center

data/app/assets/stylesheets/redde-admin/defaults/del.sass

@@ -0,0 +1,23 @@
+//= depend_on_asset redde/close.svg
+//= depend_on_asset redde/close-hover.svg
+
+%del
+  display: inline-block
+  width: 20px
+  height: 20px
+  background: image-url('redde/close.svg') center no-repeat
+  text-decoration: none
+
+.del
+  @extend %del
+  &:before
+    content: '\A0'
+  &:hover
+    background-image: image-url('redde/close-hover.svg')
+
+.a_del
+  &:after
+    @extend %del
+    content: '\A0'
+  &:hover:after
+    background-image: image-url('redde/close-hover.svg')