pages_core 3.4.3 → 3.5.1

data/app/assets/javascripts/pages/login_form.es6.jsx

@@ -0,0 +1,21 @@
+$(function () {
+  $('.login-form').each(function () {
+    let container = this;
+
+    function showTab(tabName) {
+      $(container).find('.login-tab').hide();
+      $(container).find(`.login-tab.${tabName}`).show();
+      return false
+    }
+
+    $(container).find('.show-password').click(function () {
+      return showTab('password');
+    });
+
+    $(container).find('.show-password-reset').click(function () {
+      return showTab('password-reset');
+    });
+
+    showTab('password');
+  });
+});

data/app/assets/stylesheets/pages/admin.scss

@@ -0,0 +1,148 @@
+@import 'jquery-ui';
+@import 'jquery.Jcrop';
+@import 'font-awesome';
+@import 'admin/vars';
+@import 'admin/mixins/**/*';
+@import 'admin/components/**/*';
+@import 'admin/controllers/**/*';
+
+body {
+  background: #fff;
+  color: #000;
+}
+
+main {
+  color: #222;
+}
+
+body, td, th {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 12px;
+}
+
+h1, h2, h3, h4, h5, h6, p {
+  margin: 16px 0;
+}
+
+img {
+  border: 0;
+}
+
+small {
+  font-size: 0.9em;
+  color: #666;
+}
+
+th {
+  text-align: left;
+}
+
+.hr {
+  border-top: 1px solid #aaa;
+  hr {
+    display: none;
+  }
+}
+
+div.content {
+  margin: 0 32px;
+}
+
+table.show th,
+td {
+  font-weight: normal;
+  padding: 2px 16px 2px 0;
+}
+
+#flash-error,
+#flash-notice {
+  padding: 16px 32px;
+  font-size: 12px;
+}
+
+#flash-error {
+  @include vertical-gradient(#970002, #c00007);
+  border-bottom: 1px solid #9c0002;
+  color: #fff299;
+  font-weight: bold;
+}
+
+#flash-notice {
+  background: #f5f3bc;
+  border-bottom: 1px solid #dad88a;
+  color: #3d3b00;
+  font-weight: normal;
+}
+
+.errorExplanation {
+  background-color: #ffd;
+  border-bottom:  1px solid #dda;
+  margin: -32px -32px 16px -32px;
+  padding: 0px 32px;
+  color: #333;
+
+  h2 {
+    font-weight: normal;
+    font-size: 1.4em;
+    margin: 0 -32px 16px -32px;
+    padding:  8px 32px;
+    background-color: #a00;
+    color: #fff;
+  }
+
+  p {
+    margin-bottom: 0;
+    padding: 0;
+  }
+
+  ul {
+    padding:  0;
+    list-style-position: inside;
+  }
+
+  ul li {
+    font-weight:  bold;
+  }
+}
+
+.flash {
+  background: #fffbdf;
+  border-bottom: 1px solid #ccc9b2;
+  margin: -32px -32px 32px -32px;
+  padding: 16px 32px;
+  font-weight: bold;
+  color: #6f2d1b;
+  font-size: 1.2em;
+}
+
+div.paginator {
+  margin: 32px 0;
+  font-size: 1.5em;
+  font-weight: bold;
+  color: #666;
+}
+
+img.thumbnail {
+  border: 1px solid #555;
+}
+
+li .actions {
+  font-weight: normal;
+  display:  inline;
+  font-size: 12px;
+  color: #aaa;
+  margin-top: 1px;
+}
+
+.clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  font-size: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  display: inline-table;
+}

data/app/assets/stylesheets/pages/admin/components/buttons.scss

@@ -0,0 +1,5 @@
+form.button-to {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}

data/app/assets/stylesheets/pages/admin/{editable_image.css.erb → components/editable_image.scss}

@@ -4,16 +4,15 @@
   padding: 40px;
   width: 300px;
   text-align: center;
-}
-#modalLoadingNotice img {
-  margin: 0 6px -4px -3px;
+  img {
+    margin: 0 6px -4px -3px;
+  }
 }
 
-.modalWindow {
+.modal-window {
   background: #040404;
   padding: 10px;
+  .controls {
+    margin-top: 10px;
+  }
 }
-.modalWindow .controls {
-  margin-top: 10px;
-}
-

data/app/assets/stylesheets/pages/admin/components/forms.scss

@@ -0,0 +1,71 @@
+main form {
+  margin: 16px 32px;
+}
+
+form {
+  .field {
+    margin: 16px 0;
+    padding: 0;
+
+    label {
+      display: block;
+      padding: 0;
+      margin: 0 0 4px 0;
+      font-weight: bold;
+      font-size: 13px;
+      color: #444;
+    }
+
+    .description {
+      color: #888;
+      margin: 0 0 6px 0;
+    }
+  }
+
+  .field-with-errors {
+    background: #fff0f3;
+    border-top: 1px solid #ffd0d3;
+    border-bottom: 1px solid #ffd0d3;
+    margin: 0 -32px -1px -32px;
+    padding: 12px 32px 16px 32px;
+
+    label {
+      color: #c00007;
+    }
+  }
+}
+
+.fieldWithErrors {
+  display: table;
+  padding: 1px;
+  padding-right: 22px;
+  background: transparent image-url("pages/admin/warning-icon.gif") right 5px no-repeat;
+}
+
+main {
+  input[type=text],
+  input[type=password],
+  textarea {
+    border: 1px solid #d4d4d4;
+    box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.03);
+    padding: 8px 10px;
+    line-height: 1.4;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 13px;
+  }
+
+  input[type=text],
+  input[type=password] {
+    width: 100%;
+    max-width: 450px;
+    min-width: 200px;
+  }
+}
+
+input[type=text],
+input[type=password] {
+  &.large,
+  main .login-form & {
+    font-size: 1.4em;
+  }
+}

data/app/assets/stylesheets/pages/admin/components/header.scss

@@ -0,0 +1,169 @@
+header {
+  //display: block;
+  background: #000;
+  height: 82px;
+  //clear: both;
+  color: #ddd;
+  font-size: 11px;
+  text-shadow: 0 0 0 #000;
+  -moz-opacity: 0.9999;
+  border-bottom: 1px solid #555;
+
+  a,
+  a:visited {
+    background: none;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    color: #fff;
+  }
+
+  #logo {
+    position: absolute;
+    z-index: 2;
+    top: 11px;
+    left: 16px;
+    width: 21px;
+    height: 27px;
+  }
+
+  #site-name {
+    color: #fff;
+    position: absolute;
+    top: 15px;
+    left: 52px;
+    h1 {
+      margin: 0;
+      padding: 0;
+      font-family: Arial, Helvetica, sans-serif;
+      display: inline;
+      font-size: 20px;
+      font-weight: normal;
+      a {
+        font-weight: bold;
+        text-decoration: none;
+        padding-right: 6px;
+      }
+    }
+  }
+
+  .user {
+    font-size: 12px;
+    position: absolute;
+    top: 20px;
+    right: 16px;
+    .separator {
+      color: #777;
+      margin: 0 4px;
+    }
+  }
+
+  .tabs {
+    position: absolute;
+    top: 54px;
+    height: 29px;
+    left: 16px;
+    right: 8px;
+
+    ul {
+      padding: 0;
+      margin: 0 8px 0 0;
+      list-style-type: none;
+      display: block;
+      float: left;
+      &.account {
+        float: right;
+      }
+    }
+
+    li {
+      display: inline;
+      margin: 0;
+      padding: 0;
+      font-weight: normal;
+      font-size: 12px;
+    }
+
+    a,
+    a:visited {
+      background: #484848;
+      border-left: 1px solid #383838;
+      border-right: 1px solid #383838;
+      color: #fff;
+      text-shadow: #404040 1px 1px 1px;
+      display: block;
+      float: left;
+      padding: 0 15px;
+      padding-top: 8px;
+      height: 28px;
+      margin: 0 2px 0 0;
+      text-decoration: none;
+    }
+
+    a:hover,
+    a.current,
+    a.current:visited {
+      @include vertical-gradient(#cfcfcf, #fefefe);
+      border-left: 1px solid #fefefe;
+      border-right: 1px solid #fefefe;
+      color: #000;
+      text-shadow: #fff 1px 1px 1px;
+    }
+  }
+}
+
+#content-tabs {
+  list-style-type: none;
+  margin: 24px 0px -11px -18px;
+  padding: 0;
+
+  li {
+    color: hsla(0,0%,0%,0.25);
+    display: inline;
+    background: transparent;
+    padding: 6px 17px;
+    font-weight: bold;
+  }
+
+  li.current {
+    background: #fff;
+    padding: 5px 16px;
+    border: 1px solid #cae6f1;
+    border-bottom: 1px solid #fff;
+    a,
+    a:visited {
+      text-decoration: none;
+      color: #444;
+    }
+  }
+}
+
+#page-description {
+  @include vertical-gradient(#dceef6, #e7f3f9);
+  margin: 0;
+  padding: 16px 32px;
+  display: block;
+  border-bottom: 1px solid #d4eaf4;
+  color: #000;
+
+  em {
+    font-style: normal;
+    color: #4a5357;
+  }
+
+  main & h3 {
+    margin: 0;
+    padding: 0;
+    font-size: 13px;
+    text-shadow: #E9F6FF 1px 1px 1px;
+  }
+
+  .links {
+    float: right;
+  }
+
+  .separator {
+    color: #779CB3;
+    margin: 0 4px;
+  }
+}

data/app/assets/stylesheets/pages/admin/{images.css.scss.erb → components/images.scss}

@@ -1,8 +1,4 @@
-#main  .page_images {
-  * {
-    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-  }
-
+main  .page_images {
   .images {
     margin-left: 200px;
   }
@@ -30,8 +26,8 @@
 
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
 
-    &:hover, &.selected {
-      /*-webkit-transition:all .2s ease-in;*/
+    &:hover,
+    &.selected {
       outline:solid 3px hsl(198,67%,35%);
       outline-offset: -1px;
     }
@@ -53,7 +49,7 @@
   .editor {
     line-height: 1px;
     margin-bottom: 40px;
-    background-image: url('<%= asset_path "pages/admin/image-editor-bg.png" %>');
+    background-image: image-url("pages/admin/image-editor-bg.png");
     box-shadow: 0px 2px 15px hsla(0,0%,0%,0.35);
 
     h4 {
@@ -61,7 +57,8 @@
       margin-right:10px;
     }
 
-    h4, .controls {
+    h4,
+    .controls {
       line-height: 20px;
     }
 
@@ -118,8 +115,6 @@
     .edit-image-container {
       position: relative;
       .previous, .next {
-        //text-indent: -9000px;
-        //background: yellow;
         position: absolute;
         height: 100%;
         width: 40px;