Merge pull request #189 from ashmaroli/admin-style

Update front-end to a sleek interface

Author: mertkahyaoglu

README.md

@@ -4,7 +4,7 @@
 
 A Jekyll plugin that provides users with a traditional CMS-style graphical interface to author content and administer Jekyll sites. The project is divided into two parts. A Ruby-based HTTP API that handles Jekyll and filesystem operations, and a Javascript-based front end, built on that API.
 
-![screenshot of Jekyll Admin](https://cloud.githubusercontent.com/assets/282759/17258537/62e23ed6-5595-11e6-89b0-31c787f0492a.png)
+![screenshot of Jekyll Admin](/screenshot.png)
 
 ## Installation
 

screenshot.png

@@ -68,6 +68,7 @@ export class DataFileNew extends Component {
             <div className="side-unit">
               <a onClick={() => this.handleClickSave()}
                 className={"btn"+(datafileChanged ? " btn-success " : " btn-inactive ")+"btn-fat"}>
+                  <i className="fa fa-save" aria-hidden="true"></i>
                 {updated ? 'Saved' : 'Save'}
               </a>
             </div>

src/containers/views/DataFileNew.js

@@ -62,7 +62,7 @@ export class DataFiles extends Component {
           </td>
           <td>
             <div className="row-actions">
-              <a onClick={() => this.handleClickDelete(filename)} title="Delete">
+              <a onClick={() => this.handleClickDelete(filename)} title="Delete" className="delete">
                 <i className="fa fa-trash-o" aria-hidden="true"></i> Delete
               </a>
             </div>

src/containers/views/DataFiles.js

@@ -112,12 +112,15 @@ export class DocumentEdit extends Component {
             <div className="side-unit">
               <a onClick={() => this.handleClickSave(filename, collection)}
                 className={"btn"+(fieldChanged ? " btn-success " : " btn-inactive ")+"btn-fat"}>
+                  <i className="fa fa-save" aria-hidden="true"></i>
                 {updated ? 'Saved' : 'Save'}
               </a>
             </div>
             {
               http_url && <div className="side-unit">
-                <Link target="_blank" className="btn btn-fat" to={http_url}>View</Link>
+                <Link target="_blank" className="btn btn-fat" to={http_url}>
+                  <i className="fa fa-eye" aria-hidden="true"></i>View
+                </Link>
               </div>
             }
             <Splitter />

src/containers/views/DocumentEdit.js

@@ -86,6 +86,7 @@ export class DocumentNew extends Component {
             <div className="side-unit">
               <a onClick={() => this.handleClickSave()}
                 className={"btn"+(fieldChanged ? " btn-success " : " btn-inactive ")+"btn-fat"}>
+                  <i className="fa fa-plus-square-o" aria-hidden="true"></i>
                 {updated ? 'Created' : 'Create'}
               </a>
             </div>

src/containers/views/DocumentNew.js

@@ -76,11 +76,11 @@ export class Documents extends Component {
             <td>{moment(doc.date).format("LLL").toString()}</td>
             <td>
               <div className="row-actions">
-                <a onClick={() => this.handleClickDelete(filename, collection)} title="Delete">
+                <a onClick={() => this.handleClickDelete(filename, collection)} title="Delete" className="delete">
                   <i className="fa fa-trash-o" aria-hidden="true"></i> Delete
                 </a>
                 {
-                  http_url && <a target="_blank" href={http_url} title="View">
+                  http_url && <a target="_blank" href={http_url} title="View" className="view">
                     <i className="fa fa-eye" aria-hidden="true"></i> View
                   </a>
                 }

src/containers/views/Documents.js

@@ -106,11 +106,14 @@ export class PageEdit extends Component {
             <div className="side-unit">
               <a onClick={() => this.handleClickSave(name)}
                 className={"btn"+(fieldChanged ? " btn-success " : " btn-inactive ")+"btn-fat"}>
+                  <i className="fa fa-save" aria-hidden="true"></i>
                 {updated ? 'Saved' : 'Save'}
               </a>
             </div>
             <div className="side-unit">
-              <Link target="_blank" className="btn btn-fat" to={http_url}>View</Link>
+              <Link target="_blank" className="btn btn-fat" to={http_url}>
+                <i className="fa fa-eye" aria-hidden="true"></i>View
+              </Link>
             </div>
             <Splitter />
             <a onClick={() => this.handleClickDelete(name)}

src/containers/views/PageEdit.js

@@ -78,6 +78,7 @@ export class PageNew extends Component {
             <div className="side-unit">
               <a onClick={() => this.handleClickSave()}
                 className={"btn"+(fieldChanged ? " btn-success " : " btn-inactive ")+"btn-fat"}>
+                  <i className="fa fa-plus-square-o" aria-hidden="true"></i>
                 {updated ? 'Created' : 'Create'}
               </a>
             </div>

src/containers/views/PageNew.js

@@ -62,10 +62,10 @@ export class Pages extends Component {
           </td>
           <td>
             <div className="row-actions">
-              <a onClick={() => this.handleClickDelete(name)} title="Delete">
+              <a onClick={() => this.handleClickDelete(name)} title="Delete" className="delete">
                 <i className="fa fa-trash-o" aria-hidden="true"></i> Delete
               </a>
-              <a target="_blank" href={http_url} title="View">
+              <a target="_blank" href={http_url} title="View" className="view">
                 <i className="fa fa-eye" aria-hidden="true"></i> View
               </a>
             </div>