Integrated NativeKit

author: Kumar Priyansh <[email protected]> 2020-07-17 21:20:37 +0530
committer: Kumar Priyansh <[email protected]> 2020-07-17 21:20:37 +0530
commit: 92339db9ca93839cbe1e4c7a23349fa7e9d3caf9 (patch)
tree: 6135a8fcec5df4c1c2940570325aaaf3b5e0a1f9 /src
parent: 65cd01d0d7eae5b5e94b32f4de5f62521726c846 (diff)
download: authorr-92339db9ca93839cbe1e4c7a23349fa7e9d3caf9.tar.xz
authorr-92339db9ca93839cbe1e4c7a23349fa7e9d3caf9.zip
4 files changed, 67 insertions, 51 deletions
diff --git a/src/nativekit/css/all.css b/src/nativekit/css/all.css
index 3d88acd..7cf98b7 100644
--- a/src/nativekit/css/all.css
+++ b/src/nativekit/css/all.css
@@ -826,6 +826,15 @@ h6 {
     -webkit-app-region: drag;
 }
 
+.statusbar > .toolbars {
+    margin-top: 6px;
+    margin-bottom: 3px;
+    padding-right: 3px;
+    padding-left: 3px;
+    padding-bottom: 3px;
+    -webkit-app-region: no-drag;
+}
+
 .toolbars:before, .toolbars:after {
     display: table;
     content: " ";
@@ -1503,15 +1512,15 @@ th:last-child, td:last-child {
 }
 
 .list .item {
-    padding: 10px 10px 5px 10px;
+    padding: 10px 10px 10px 10px;
     font-size: 12px;
     color: #414142;
-    border-top: 1px solid #ddd;
+    /* border-top: 1px solid #ddd; */
 }
 
 .dark .list .item {
     color: #ffffff;
-    border-top: 1px solid #000000;
+    /* border-top: 1px solid #000000; */
 }
 
 .list .item:first-child {
diff --git a/src/scripts/starterWindow.js b/src/scripts/starterWindow.js
index e815381..0f20eca 100644
--- a/src/scripts/starterWindow.js
+++ b/src/scripts/starterWindow.js
@@ -1,24 +1,24 @@
-$(document).ready(function(){
-    $('.nav-group').on('click', 'span', function() {
+$(document).ready(function () {
+    $('.nav-group').on('click', 'span', function () {
         $('.nav-group span.active').removeClass('active');
         $(this).addClass('active');
     });
-    $('.templateIcon').click(function(e){
+    $('.templateIcon').click(function (e) {
         $('.template .templateIcon').removeClass('clicked');
         $('.template .templateName span').removeClass('clickedText');
         $(this).addClass('clicked');
         var parentId = ($(this).parent().attr('id'));
-        $('#'+parentId + ' .templateName span').addClass('clickedText')
+        $('#' + parentId + ' .templateName span').addClass('clickedText')
         e.stopPropagation()
     })
-    $(document).on("click", function(e) {
+    $(document).on("click", function (e) {
         if ($(e.target).is(".templateIcon, .templateName span") === false) {
             $('.template .templateIcon').removeClass('clicked');
             $('.template .templateName span').removeClass('clickedText');
         }
     });
-    $('#startSelected').click(function(){
-        if ($('.template .templateIcon').hasClass('clicked')){
+    $('#startSelected').click(function () {
+        if ($('.template .templateIcon').hasClass('clicked')) {
             var parentId = ($('.clicked').parent().attr('id'));
             start(parentId);
         }
diff --git a/src/styles/style.css b/src/styles/style.css
new file mode 100644
index 0000000..1d03f3f
--- /dev/null
+++ b/src/styles/style.css
@@ -0,0 +1,29 @@
+.template {
+    display: inline-block;
+    margin-right: 20px;
+}
+.templateIcon {
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+    width: 105px;
+    height: 148.5px;
+    background-color: #fff;
+    border-radius: 3px;
+    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
+}
+.templateName {
+    text-align: center;
+}
+.templateName span {
+    padding: 3px 6px;
+    border-radius: 3px;
+    font-size: 12px;
+}
+.clickedText {
+    background-color: #0C7EFF;
+    color: white;
+}
+.clicked {
+    box-shadow: 0 0 0 4px #0C7EFF;
+}
+\ No newline at end of file
diff --git a/src/views/index.html b/src/views/index.html
index f00b4fb..aa35cef 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -1,48 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Authorr</title>
-    <link rel="stylesheet" href="styles/fontawesome-free/css/all.css">
-    <link rel="stylesheet" href="fonts/fonts.css">
-    <link rel="stylesheet" href="styles/main.css">
-    <link rel="stylesheet" href="photon/css/photon.min.css">
+    <link rel="stylesheet" href="../nativekit/css/all.css">
+    <link rel="stylesheet" href="../styles/style.css">
 </head>
+
 <body>
     <div class="window">
-        <header class="toolbar toolbar-header dragBar">
-            <h1 class="title">Choose a Template</h1>
+        <header class="titlebar draggable">
+            <h1 class="window-title">Authorr</h1>
         </header>
-        <div class="window-content">
+        <div class="content">
             <div class="pane-group">
-                <div class="pane-one-fourth sidebar">
-                    <nav class="nav-group">
-                        <span class="nav-group-item active">
-                            All Templates
-                        </span>
-                        <!-- <span class="nav-group-item">
-                            Blank Templates
-                        </span>
-                        <span class="nav-group-item">
-                            Short Stories
-                        </span>
-                        <span class="nav-group-item">
-                            Novels & Plays
-                        </span>
-                        <span class="nav-group-item">
-                            Misc. Books
-                        </span>
-                        <span class="nav-group-item">
-                            Newspapers & Magazines
-                        </span>
-                        <span class="nav-group-item">
-                            Letters and Applications
-                        </span> -->
-                    </nav>
+                <div class="pane pane-normal sidebar">
+                    <div class="list">
+                        <li class="item active">All Templates</li>
+                    </div>
                 </div>
-                <div class="pane parentPane whiteText">
+                <div class="pane">
                     <div class="padded-more">
                         <div id="blank" class="template">
                             <div class="templateIcon"></div>
@@ -52,18 +32,16 @@
                 </div>
             </div>
         </div>
-        <footer class="toolbar toolbar-footer">
-            <div class="toolbar-actions">
-              <button class="btn btn-default">
-                Open Recent Document
-              </button>
-              <button id="startSelected" class="btn btn-primary pull-right">
-                Start with template
-              </button>
+        <footer class="titlebar statusbar">
+            <div class="toolbars">
+                <button id="startSelected" class="button button-blue pull-right">Create</button>
+                <button class="button button-default pull-right">Cancel</button>
             </div>
         </footer>
     </div>
     <script>window.$ = window.jQuery = require('jquery');</script>
-    <script src="scripts/starterWindow.js"></script>
+    <script src="../nativekit/scripts/nativekit.js"></script>
+    <script src="../scripts/starterWindow.js"></script>
 </body>
+
 </html>
 \ No newline at end of file
author	Kumar Priyansh <[email protected]>	2020-07-17 21:20:37 +0530
committer	Kumar Priyansh <[email protected]>	2020-07-17 21:20:37 +0530
commit	92339db9ca93839cbe1e4c7a23349fa7e9d3caf9 (patch)
tree	6135a8fcec5df4c1c2940570325aaaf3b5e0a1f9 /src
parent	65cd01d0d7eae5b5e94b32f4de5f62521726c846 (diff)
download	authorr-92339db9ca93839cbe1e4c7a23349fa7e9d3caf9.tar.xz authorr-92339db9ca93839cbe1e4c7a23349fa7e9d3caf9.zip