iatelier 0.4.1 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cf2a3e13466024972464ce80dc545beab13203ab42f8cb51e13ffb34e65a6561
-  data.tar.gz: bfcbb96c4ef9d4236ae13ecad8c7ffa56139bd94046f5a8c990a2141bd294b7d
+  metadata.gz: f94966b5b6ce1b3d0b4af8888299efb172adee30e761b22c592835ede26f2c05
+  data.tar.gz: 6046973762b56a161dd5c90900a0585314e0e9d4eecd8214c3af6d68d254dd55
 SHA512:
-  metadata.gz: f44e99a5815ca873c662a6fd7c0ebe0629dcbf7eadf719df8e5aafc70bdf639c624abcb0c55c8b390dfb8fb5c1dd0188166efaa8e009948bdf75c3094a3f9f2b
-  data.tar.gz: fe1a7a594f9ff6a8db3ffcf40139bdfafb4b0d5c5dab3ce3eafb3f0fbf07664c737091655984adaf39360b8b192dc1f685132eec49de60b46c928e9bc774ce65
+  metadata.gz: ef014861440252ece14e446912eee57018443e6df287b862a26b1353ee6adad3672fcf3f30f5e258db8e7e71b2e93446f91ae23fea2c61c6572d283b3e651034
+  data.tar.gz: b02d2da7679f89bf8c58d1940d9f12fa094c1e0ed336bbab717c17a8cebcdb735c74c089c4733aaf24b54235144546fc90dab86d7546154924464bf708f5c9f8

data/lib/iatelier/assets/stylesheets/iatelier.css

@@ -521,6 +521,516 @@ a:hover {
   background-color: rgba(255, 255, 255, 0.2);
 }
 
+.selectable-text {
+  cursor: text;
+  -webkit-user-select: text;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.pull-left {
+  float: left;
+}
+
+.pull-right {
+  float: right;
+}
+
+.padded {
+  padding: 10px;
+}
+
+.padded-less {
+  padding: 5px;
+}
+
+.padded-more {
+  padding: 20px;
+}
+
+.padded-vertically {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.padded-vertically-less {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.padded-vertically-more {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.padded-horizontally {
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.padded-horizontally-less {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.padded-horizontally-more {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+
+.padded-top {
+  padding-top: 10px;
+}
+
+.padded-top-less {
+  padding-top: 5px;
+}
+
+.padded-top-more {
+  padding-top: 20px;
+}
+
+.padded-bottom {
+  padding-bottom: 10px;
+}
+
+.padded-bottom-less {
+  padding-bottom: 5px;
+}
+
+.padded-bottom-more {
+  padding-bottom: 20px;
+}
+
+.sidebar {
+  background-color: #f5f5f4;
+}
+
+.draggable {
+  -webkit-app-region: drag;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: " ";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+* {
+  cursor: default;
+  box-sizing: border-box;
+}
+
+html {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+body {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
+  font-size: 13px;
+  line-height: 1.6;
+  color: #333;
+  background-color: transparent;
+}
+
+hr {
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #ddd;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+h1 {
+  font-size: 36px;
+}
+
+h2 {
+  font-size: 30px;
+}
+
+h3 {
+  font-size: 24px;
+}
+
+h4 {
+  font-size: 18px;
+}
+
+h5 {
+  font-size: 14px;
+}
+
+h6 {
+  font-size: 12px;
+}
+
+/*
+.window {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+	display: flex;
+  flex-direction: column;
+  background-color: $chrome-color;
+}
+*/
+
+.window-content {
+  position: relative;
+  overflow-y: auto;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-flex: 1;
+          flex: 1;
+}
+
+.toolbar {
+  min-height: 22px;
+  box-shadow: inset 0 1px 0 #f5f4f5;
+  background-color: #e8e6e8;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e8), to(#d1cfd1));
+  background-image: linear-gradient(to bottom, #e8e6e8 0%, #d1cfd1 100%);
+}
+
+.toolbar:before,
+.toolbar:after {
+  display: table;
+  content: " ";
+}
+
+.toolbar:after {
+  clear: both;
+}
+
+.toolbar-header {
+  border-bottom: 1px solid #b3b2b3;
+}
+
+.toolbar-header .title {
+  margin-top: 1px;
+}
+
+.toolbar-footer {
+  border-top: 1px solid #b3b2b3;
+  -webkit-app-region: drag;
+}
+
+.title {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 400;
+  text-align: center;
+  color: #555;
+  cursor: default;
+}
+
+.toolbar-borderless {
+  border-top: 0;
+  border-bottom: 0;
+}
+
+.toolbar-actions {
+  margin-top: 4px;
+  margin-bottom: 3px;
+  padding-right: 3px;
+  padding-left: 3px;
+  padding-bottom: 3px;
+  -webkit-app-region: drag;
+}
+
+.toolbar-actions:before,
+.toolbar-actions:after {
+  display: table;
+  content: " ";
+}
+
+.toolbar-actions:after {
+  clear: both;
+}
+
+.toolbar-actions > .btn,
+.toolbar-actions > .btn-group {
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+.menu-bar {
+  margin: 0px;
+  padding: 0px;
+  font-size: 12px;
+  background-color: #d3d3d3;
+  border-bottom: 1px solid black;
+}
+
+.menu-bar a {
+  display: inline-block;
+  margin: 0px 0px;
+  padding: 1px 8px;
+  border: none;
+  background-color: transparent;
+}
+
+.menu-bar a:hover {
+  color: white;
+  background-color: #345EF2;
+  border: none;
+}
+
+.window .bar {
+  box-shadow: inset 0 1px 0 #f5f4f5;
+  background-color: #e8e6e8;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e8), to(#d1cfd1));
+  background-image: linear-gradient(to bottom, #e8e6e8 0%, #d1cfd1 100%);
+}
+
+.window .bar > .menu {
+  height: 22px;
+}
+
+.window .bar > .buttons {
+  height: 44px;
+}
+
+.window .bar > .tabs {
+  border-top: 1px solid gray;
+}
+
+.window .bar > .tabs > a {
+  display: inline-block;
+  font-size: 12px;
+  margin: 4px 1px;
+  padding: 0px 8px;
+  border-radius: 4px;
+  border: none;
+  background-color: transparent;
+}
+
+.window .bar > .tabs > a:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  color: white;
+}
+
+.window .bar > .tabs > a:active {
+  background-color: rgba(0, 0, 0, 0.4);
+  color: white;
+}
+
+#os {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-rows: 20px auto;
+  grid-template-rows: 20px auto;
+  height: 100vh;
+  width: 100vw;
+}
+
+#os .menu-bar {
+  margin: 0px;
+  padding: 0px;
+  font-size: 12px;
+  background-color: #d3d3d3;
+  border-bottom: 1px solid black;
+}
+
+#os .menu-bar a {
+  display: inline-block;
+  margin: 0px 0px;
+  padding: 1px 8px;
+  border: none;
+  background-color: transparent;
+}
+
+#os .menu-bar a:hover {
+  color: white;
+  background-color: #345EF2;
+  border: none;
+}
+
+#os .desk {
+  min-height: 0;
+}
+
+.window {
+  height: 100%;
+  max-height: 100%;
+  max-width: 100%;
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-rows: min-content 1fr min-content;
+  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
+  grid-template-rows: min-content 1fr min-content;
+}
+
+.window .bar {
+  box-shadow: inset 0 1px 0 #f5f4f5;
+  background-color: #e8e6e8;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e6e8), to(#d1cfd1));
+  background-image: linear-gradient(to bottom, #e8e6e8 0%, #d1cfd1 100%);
+}
+
+.window .bar > .menu {
+  height: 22px;
+  text-align: center;
+}
+
+.window .bar > .buttons {
+  height: 44px;
+}
+
+.window .bar > .tabs {
+  border-top: 1px solid gray;
+}
+
+.window .bar > .tabs > a {
+  display: inline-block;
+  font-size: 12px;
+  margin: 4px 1px;
+  padding: 0px 8px;
+  border-radius: 4px;
+  border: none;
+  background-color: transparent;
+}
+
+.window .bar > .tabs > a:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  color: white;
+}
+
+.window .bar > .tabs > a:active {
+  background-color: rgba(0, 0, 0, 0.4);
+  color: white;
+}
+
+.window .content {
+  min-height: 0;
+}
+
+.window-drawer-top {
+  margin: 0.5rem auto;
+  padding: 0.4rem;
+  max-width: 40rem;
+  text-align: left;
+  background-color: #e8e6e8;
+}
+
+.window > .content {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: 1fr;
+  grid-template-columns: 1fr;
+}
+
+@media screen and (min-width: 35.5em) {
+  .window > .content {
+    -ms-grid-columns: 14.4rem 1fr;
+    grid-template-columns: 14.4rem 1fr;
+  }
+}
+
+.window > .content > .sidebar {
+  display: none;
+  overflow-y: scroll;
+}
+
+@media screen and (min-width: 35.5em) {
+  .window > .content > .sidebar {
+    display: block;
+  }
+}
+
+.window > .content > .panel {
+  overflow: scroll;
+  min-width: 0px;
+}
+
+.text-editor {
+  min-height: 80vh;
+}
+
+.panel-edit > .form-box {
+  padding: 0.8rem;
+  background-color: #cdcdcd;
+  border-radius: 0.4rem;
+  box-shadow: inset 0px 0px 1px grey;
+}
+
+.os-form-group {
+  margin: 0.4rem 0.4rem;
+  white-space: nowrap;
+}
+
+.os-form-group > label {
+  display: inline-block;
+  width: 5em;
+  vertical-align: middle;
+  text-align: end;
+  white-space: normal;
+  word-wrap: break-word;
+}
+
+.os-form-group > .form-control {
+  display: inline-block;
+  width: calc(100% - 5em);
+  box-sizing: border-box;
+  vertical-align: middle;
+  white-space: normal;
+}
+
+/*
+@import '~purecss/build/pure-min.css';
+@import '~purecss/build/grids-responsive-min.css';
+@import '/pure/grids/xx';
+
+// BlazeCSS
+// @import '~blaze';
+
+// font
+@import '/fonts';
+
+// variables & basics
+@import '/shadow';
+@import '/colors/style';
+
+@import '/components/link-button';
+@import '/components/insection';
+*/
+
 .text-editor {
   min-height: 80vh;
 }

data/lib/iatelier/templates/books/_engine.html.haml

@@ -18,7 +18,8 @@
 				%input{:class => "form-control pure-input-1", :name => "description", :type => "text", :placeholder => "Description", :value => book.description.try(:value)}
 	.form-box
 		%label Text
-		%textarea{:name => "content", :class => "text-editor pure-input-1 form-control", :type => "text", :placeholder => "Content of the book ..."}
+		%br
+		%textarea{:name => "content", :class => "text-editor pure-input-1 form-control", :type => "text", :placeholder => "Content of the book ...", :style => "width: 100%"}
 			-unless book.content_raw.nil?
 				= book.content_raw
 %div{:class => "grid-large panel-edit"}

data/lib/iatelier/templates/books/grouping/_keywords.html.haml

@@ -1,5 +1,5 @@
 %div{:class => "c-card__item c-card__item--divider"}
-	.span Keyword
 	%div{:class => "c-card__item"}
+		%label Keywords
 		%input{:id => "keywords", :name => "keywords", :value => book.keywords.pluck(:word).join(", ")}
 		%div{:id => "keywords-field", :name => "keywords", :type => "text", :style => "width: 100%; display: block;"}

data/lib/iatelier/templates/books/new.html.haml

@@ -3,5 +3,4 @@
 	%form{:class => "atelier-main-form pure-form pure-form-aligned", :action => "/iatelier/#{database}/#{book.class.name.downcase}/#{book.id}", :method => "POST",  :enctype => "multipart/form-data"}
 		.form-actions
 			<button type="submit" class="btn btn-default">Create</button>
-			%div
-				= render :partial => 'engine'
+		= render :partial => 'engine'

data/lib/iatelier/version.rb

@@ -1,3 +1,3 @@
 module Iatelier
-  VERSION = "0.4.1"
+  VERSION = "0.4.2"
 end

data/package.json

@@ -20,7 +20,7 @@
 		"sass-loader": "^7.3.1"
 	},
 	"dependencies": {
-		"@piratesatelier/os-ui-oldschool": "0.0.3",
+		"@piratesatelier/os-ui-oldschool": "*",
 		"contents": "^4.0.2",
 		"flatpickr": "^4.3.2",
 		"imagesloaded": "4.1.4",

data/src/sass/iatelier.scss

@@ -14,7 +14,7 @@
 }
 */
 
-@import "@piratesatelier/os-ui-oldschool/src/custom";
+@import "@piratesatelier/os-ui-oldschool/src/style";
 
 @import "~flatpickr/dist/flatpickr.min.css";
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: iatelier
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.4.2
 platform: ruby
 authors:
 - Captain Husayn Pinguin
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-01-25 00:00:00.000000000 Z
+date: 2020-01-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler