knitkit 2.0.0

data/public/javascripts/erp_app/desktop/applications/knitkit/widgets_panel.js

@@ -0,0 +1,52 @@
+Compass.ErpApp.Desktop.Applications.Knitkit.WidgetsPanel = function() {
+    var widgetsStore = Ext.create('Ext.data.Store',{
+        autoDestroy: true,
+        fields:['name', 'iconUrl', 'onClick'],
+        data:Compass.ErpApp.Widgets.AvailableWidgets
+    });
+
+    this.widgetsDataView = Ext.create("Ext.view.View",{
+        //TODO_EXTJS4 this is added to fix error should be removed when extjs 4 releases fix.
+        loadMask: false,
+        style:'overflow:auto',
+        itemSelector: 'div.thumb-wrap',
+        store:widgetsStore,
+        tpl: [
+        '<tpl for=".">',
+        '<div class="thumb-wrap" id="{name}">',
+        '<div class="thumb"><img src="{iconUrl}" class="thumb-img"></div>',
+        '<span>{name}</span></div>',
+        '</tpl>',
+        '<div class="x-clear"></div>'
+        ],
+        listeners:{
+            'itemcontextmenu':function(view, record, htmlitem, index, e, options){
+                e.stopEvent();
+            },
+            'itemclick':function(view, record, htmlitem, index, e, options){
+                e.stopEvent();
+                record.data.onClick();
+            }
+        }
+    });
+
+    var widgetsPanel = new Ext.Panel({
+        id:'widgets',
+        autoDestroy:true,
+        title:'Available Widgets',
+        region:'center',
+        margins: '5 5 5 0',
+        layout:'fit',
+        items: this.widgetsDataView
+    });
+
+    this.layout = new Ext.Panel({
+        layout: 'border',
+        autoDestroy:true,
+        title:'Widgets',
+        items: [widgetsPanel]
+    });
+}
+
+
+

data/public/stylesheets/datepicker.css

@@ -0,0 +1,121 @@
+body {
+  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
+  font-size: .8em;
+}
+
+/* the div that holds the date picker calendar */
+.dpDiv {
+}
+
+
+/* the table (within the div) that holds the date picker calendar */
+.dpTable {
+  font-family: Tahoma, Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  text-align: center;
+  color: #505050;
+  background-color: #ece9d8;
+  border: 1px solid #AAAAAA;
+}
+
+
+/* a table row that holds date numbers (either blank or 1-31) */
+.dpTR {
+}
+
+
+/* the top table row that holds the month, year, and forward/backward buttons */
+.dpTitleTR {
+}
+
+
+/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
+.dpDayTR {
+}
+
+
+/* the bottom table row, that has the "This Month" and "Close" buttons */
+.dpTodayButtonTR {
+}
+
+
+/* a table cell that holds a date number (either blank or 1-31) */
+.dpTD {
+  border: 1px solid #ece9d8;
+}
+
+
+/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
+.dpDayHighlightTD {
+  background-color: #CCCCCC;
+  border: 1px solid #AAAAAA;
+}
+
+
+/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
+.dpTDHover {
+  background-color: #aca998;
+  border: 1px solid #888888;
+  cursor: pointer;
+  color: red;
+}
+
+
+/* the table cell that holds the name of the month and the year */
+.dpTitleTD {
+}
+
+
+/* a table cell that holds one of the forward/backward buttons */
+.dpButtonTD {
+}
+
+
+/* the table cell that holds the "This Month" or "Close" button at the bottom */
+.dpTodayButtonTD {
+}
+
+
+/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
+.dpDayTD {
+  background-color: #CCCCCC;
+  border: 1px solid #AAAAAA;
+  color: white;
+}
+
+
+/* additional style information for the text that indicates the month and year */
+.dpTitleText {
+  font-size: 12px;
+  color: gray;
+  font-weight: bold;
+}
+
+
+/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
+.dpDayHighlight {
+  color: 4060ff;
+  font-weight: bold;
+}
+
+
+/* the forward/backward buttons at the top */
+.dpButton {
+  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  color: gray;
+  background: #d8e8ff;
+  font-weight: bold;
+  padding: 0px;
+}
+
+
+/* the "This Month" and "Close" buttons at the bottom */
+.dpTodayButton {
+  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
+  font-size: 10px;
+  color: gray;
+  background: #d8e8ff;
+  font-weight: bold;
+}
+

data/public/stylesheets/erp_app/desktop/applications/knitkit/knitkit.css

@@ -0,0 +1,114 @@
+.image-assets .thumb img {
+    border: 1px solid white;
+    height: 60px;
+    width: 90px;
+}
+
+.image-assets .thumb-wrap {
+    float: left;
+    margin: 4px 0 4px 4px;
+    padding: 5px;
+    cursor: pointer;
+}
+
+.image-assets .thumb {
+    background: none repeat scroll 0 0 #DDDDDD;
+    padding: 3px;
+    height: 65px;
+    width: 95px;
+}
+
+.images-assets .thumb-wrap span {
+    display: block;
+    overflow: hidden;
+    text-align: center;
+    width: 80px;
+}
+
+#widgets .thumb img {
+    border: 1px solid white;
+    height: 48px;
+    width: 48px;
+}
+
+#widgets .thumb-wrap {
+    float: left;
+    margin: 4px 0 4px 4px;
+    padding: 5px;
+    cursor: pointer;
+    width:60px;
+    height:75px;
+}
+
+#widgets .thumb {
+    padding: 3px;
+}
+
+#widgets .thumb-wrap span {
+    display: block;
+    overflow: hidden;
+    text-align: center;
+}
+
+.approve-col{
+    background-image:url( /images/icons/document_delete/document_delete_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/document_delete/document_delete_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.approved-col{
+    background-image:url( /images/icons/document_ok/document_ok_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/document_ok/document_ok_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.publish-col{
+    background-image:url( /images/icons/document_up/document_up_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/document_up/document_up_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.published-col{
+    background-image:url( /images/icons/document_pinned/document_pinned_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/document_pinned/document_pinned_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.activate-col{
+    background-image:url( /images/icons/delete/delete_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/delete/delete_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.active-col{
+    background-image:url( /images/icons/add/add_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/add/add_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.viewing-col{
+    background-image:url( /images/icons/eye/eye_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/eye/eye_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.view-col{
+    background-image:url( /images/icons/document_view/document_view_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/document_view/document_view_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}
+
+.info-col{
+    background-image:url( /images/icons/information/information_16x16.png ) !important;
+    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/information/information_16x16.png', sizingMethod='crop');
+    height: 16px;
+    width: 16px;
+}

data/public/stylesheets/extjs/resources/css/knitkit_extjs_4.css

@@ -0,0 +1,219 @@
+/* body tag - modify this in conjunction with style.css <body> */
+.x-body
+{
+	font-size:12px;	
+	font: normal .80em 'trebuchet ms', arial, sans-serif;
+  background: #F0EFE2;
+  color: #777;
+}
+
+/* header text */
+.x-panel-header-text-default-framed
+{
+	color:#FFFFFF;
+	font-family:tahoma, arial, verdana, sans-serif;
+	font-size:11px;
+	font-weight:700;
+}
+
+/* header background */
+.x-panel-header-default-framed-top
+{
+	background-color:#29415D;
+  background-image:none!important;
+	border-bottom-left-radius:0;
+	border-bottom-right-radius:0;
+	border-style:solid;
+	border-top-left-radius:4px;
+	border-top-right-radius:4px;
+	border-width:1px;
+  box-shadow:none;
+	padding:4px 5px;
+
+  /* to fix safari */
+	left: -2px!important;
+	top: -2px!important;
+}
+
+/* form background & border */
+.x-panel-default-framed
+{
+	-khtml-border-radius:4px;
+	-moz-border-radius:4px;
+	-ms-border-radius:4px;
+	-o-border-radius:4px;
+	-webkit-border-radius:4px;
+	background-color:#FFFFFF;
+	border-color:#29415D;
+	border-radius:4px;
+	border-style:solid;
+	border-width:1px;
+	padding:4px;
+}
+
+/* form background & field label color */
+.x-panel-body-default-framed
+{
+	background:#FFFFFF;
+	border-color:#29415D;
+	border-style:solid;
+	border-width:0;
+	color:#000; /* field label color */
+}
+
+/* form field borders */
+.x-form-field{
+  border:1px solid;
+	border-color:#b5b8c8;
+}
+.x-form-text,textarea.x-form-field
+{
+	background:repeat-x 0 0;
+	background-color:#FFF;
+	background-image:none;
+	border:1px solid;
+	border-color:#b5b8c8;
+	padding:1px 3px;
+}
+
+
+/* this corrects a rendering issue */
+.x-border-box .x-reset,.x-border-box .x-reset *
+{
+	-moz-box-sizing:content-box;
+	-ms-box-sizing:content-box;
+	-webkit-box-sizing:content-box;
+	box-sizing:content-box;
+}
+
+/* IE */
+.x-nbr .x-panel-default-framed-tl,.x-nbr .x-panel-default-framed-bl,.x-nbr .x-panel-default-framed-tr,.x-nbr .x-panel-default-framed-br,.x-nbr .x-panel-default-framed-tc,.x-nbr .x-panel-default-framed-bc,.x-nbr .x-panel-default-framed-ml,.x-nbr .x-panel-default-framed-mr
+{
+	background-image:none;
+	zoom:1;
+	border-color:#29415D;
+}
+.x-nlg .x-panel-default-framed
+{
+	-khtml-border-radius:0;
+	-moz-border-radius:0;
+	-ms-border-radius:0;
+	-o-border-radius:0;
+	-webkit-border-radius:0;
+	background-color:transparent;
+	background-position:1000404px 1000404px;
+	border-radius:0;
+	padding:0!important;
+	
+	background-color:#FFFFFF;
+	border-color:#29415D;
+	border-radius:4px;
+	border-style:solid;
+	border-width:1px!important;
+}
+
+/* IE form header */
+.x-nlg .x-panel-header-default-framed-docked-top,.x-nlg .x-panel-header-default-framed-docked-top-mc,.x-nlg .x-panel-header-default-framed-docked-top-mr,.x-nlg .x-panel-header-default-framed-docked-top-ml,.x-nlg .x-panel-header-default-framed-docked-top-tl,.x-nlg .x-panel-header-default-framed-docked-top-tr,.x-nlg .x-panel-header-default-framed-docked-top-tc
+{
+	background-image:none!important;  
+	background-color:#29415D!important;  
+	background:#29415D!important;  
+	box-shadow: none!important;  
+}
+.x-ie8 .x-panel-header-default-framed-top
+{
+  /* to fix IE 8 */
+  left: 0px!important;
+}
+.x-nbr .x-panel-header-default-framed-top
+{
+	-khtml-border-radius:0;
+	-moz-border-radius:0;
+	-ms-border-radius:0;
+	-o-border-radius:0;
+	-webkit-border-radius:0;
+	background-color:#29415D!important;
+	background-position:1000404px 1000000px;
+	border-radius:0;
+	border-width:0!important;
+	padding:0!important;
+	background-image:none!important;
+}
+
+/* background color of form bottom */
+.x-nlg .x-panel-default-framed-mc
+{
+	background-color:#FFFFFF;
+}
+
+/* IE button background color */
+.x-nlg .x-btn-default-small-mc
+{
+	background-color:#29415D;
+	background-image:none;
+  border-right: 1px solid #AAAAAA;
+  border-bottom: 1px solid #AAAAAA;
+}
+
+/* IE button font */
+.x-nbr .x-btn-default-small .x-btn-inner
+{
+	background-repeat:no-repeat;
+	color:#FFFFFF;
+	font-family:tahoma, arial, verdana, sans-serif;
+	font-size:11px;
+	font-style:normal!important;;
+	font-weight:400;
+	padding:0 4px;
+}
+.x-nbr .x-btn-default-small-over .x-btn-inner
+{
+	background-repeat:no-repeat;
+	color:#000000;
+	font-family:tahoma, arial, verdana, sans-serif;
+	font-size:11px;
+	font-style:normal!important;
+	font-weight:400;
+	padding:0 4px;
+}
+.x-ie9 .x-btn-default-small-over .x-btn-inner,.x-ie9 .x-btn-default-small .x-btn-inner
+{
+  color:#000000;
+  font-style:normal!important;
+}
+
+button
+{
+  overflow:hidden!important;  
+}
+
+/* IE button containers */
+.x-nbr .x-btn-default-small-tl,.x-nbr .x-btn-default-small-bl,.x-nbr .x-btn-default-small-tr,.x-nbr .x-btn-default-small-br,.x-nbr .x-btn-default-small-tc,.x-nbr .x-btn-default-small-bc,.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr
+{
+	background-image:none;
+	zoom:0;
+}
+.x-nbr .x-btn-default-small-ml,.x-nbr .x-btn-default-small-mr
+{
+	background-image:none;
+	background-position:0 0;
+	zoom:0;
+}
+.x-nbr .x-btn-default-small-over .x-frame-tl,.x-nbr .x-btn-default-small-over .x-frame-bl,.x-nbr .x-btn-default-small-over .x-frame-tr,.x-nbr .x-btn-default-small-over .x-frame-br,.x-nbr .x-btn-default-small-over .x-frame-tc,.x-nbr .x-btn-default-small-over .x-frame-bc
+{
+	background-image:none;
+}
+.x-nbr .x-btn-default-small-over .x-frame-ml,.x-nbr .x-btn-default-small-over .x-frame-mr
+{
+	background-image:none;
+}
+
+/* invalid field */
+.x-form-invalid-field,textarea.x-form-invalid-field
+{
+	background-color:#FFF;
+	background-image:url(../../resources/themes/images/default/grid/invalid_line.gif);
+	background-position:bottom;
+	background-repeat:repeat-x;
+	border-color:#c30;
+}