dev:changes in dialogue box style

logesh
Showing 2 changed files with 24 additions and 35 deletions
amd/build/mynotesblock.js
styles.css
--- a/amd/build/mynotesblock.js
View file @5009e9f
+++ b/amd/build/mynotesblock.js
View file @5009e9f
@@ -149,11 +149,12 @@ define(['jquery', 'core/yui', 'core/str', 'core/config', 'core/notification'], f
             var result='';
             e.preventDefault();
             var scope = this;
             if (scope.checkInputText() == false) {
                 return false;
             }
             var url=  $(location).attr('href');
@@ -470,8 +471,22 @@ define(['jquery', 'core/yui', 'core/str', 'core/config', 'core/notification'], f
                panel.hide()
            });
            $('body').delegate('#addmynote_submit', 'click', function(e) {
                scope.saveMynotes(e)
            });
+            $('body').delegate('#id_mynotecontent-258','click',function(e){
+            	$('#id_mynotecontent-258').keypress(function(event) {
+                    if (event.keyCode == 13) {
+                    	console.log('start to write');
+                    	scope.saveMynotes(e)
+                    }
+           	 });
+            });
            $('body').delegate(SELECTORS.MYNOTES_BASE + ' ul.tabs-menu li', 'click', function(e) {
                $(this).addClass("current");
                $(this).siblings().removeClass("current");
@@ -708,9 +723,9 @@ define(['jquery', 'core/yui', 'core/str', 'core/config', 'core/notification'], f
                    component: 'block_mynotes'
                }]).done(function(s) {
-                    var el = $('<div id="tet"></div>').append($('<div id="' + CSS.MYNOTES_BASE + '" class="' + CSS.MYNOTES_BASE + '"></div>').append('<div class="inputarea"><div id="addmynote-label-' + CONFIG.instanceid + '">' + s[1] + ' ' + '' + '</div>' + '<div class="textarea"><textarea id="id_mynotecontent-' + CONFIG.instanceid + '" name="mynotecontent" rows="3">' + s[5] + '</textarea></div>' + '<p class="mdl-align"><input type="submit" id="addmynote_submit"/></p>' + '</div>').append($('<ul class="tabs-menu"></ul>')).append($('<div class="tab"></div>')));
+                    var el = $('<div id="tet"></div>').append($('<div id="' + CSS.MYNOTES_BASE + '" class="' + CSS.MYNOTES_BASE + '"></div>').append('<div class="inputarea"><div id="addmynote-label-' + CONFIG.instanceid + '">' + s[1] + ' ' + '' + '</div>' + '<div class="textarea"><textarea id="id_mynotecontent-' + CONFIG.instanceid + '" name="mynotecontent" rows="3">' + s[5] + '</textarea></div>' + '<p class="mdl-align"><input type="submit" id="addmynote_submit"/></p>' + '</div>').append($('<div class="tab"></div>')));
                    el.find('#addmynote_submit').attr('value', s[2]);
-                    el.find('#addmynote_cancel').attr('value', s[3]);
+//                    el.find('#addmynote_cancel').attr('value', s[3]);
                    var tabsmenu = '';
                    var tabcontents = '';
                    var i = '';
@@ -722,7 +737,7 @@ define(['jquery', 'core/yui', 'core/str', 'core/config', 'core/notification'], f
                        }
                        tabcontents += '<div class="tab-content" id="' + CONFIG.prefix + i + '" onpage="0" notes-count="0">' + '<div class="notes-info"><div class="mynotes-paging"></div><div class="count"></div></div>' + '<ul id="' + CONFIG.prefix + i + '-list" class="mynotes_lists"></ul>' + '</div>';
                    }
-                    el.find('.tabs-menu').append(tabsmenu);
+//                    el.find('.tabs-menu').append(tabsmenu);
                    el.find('.tab').append($(tabcontents));
                    Y.use('moodle-core-notification-dialogue', function() {
                        panel = new M.core.dialogue({
--- a/styles.css
View file @5009e9f
+++ b/styles.css
View file @5009e9f
 #mynotes-opener { position: absolute; bottom:0px; background: #443355; width: 25px; height: 25px; }
-div.mdl-align { min-height: 470px;}
+/* div.mdl-align { min-height: 470px;} */
 #mynote-edit{display:none;position: absolute;right: 0; margin: 0 28px;}
 #mynote-update{visibility: hidden;position: absolute !important; right: 0 !important; margin:0px 40px !important;}
 #notes_edit_option{color: #2310c3 !important;}
@@ -56,12 +56,12 @@ ul#mynotes_user-list{
 	    padding-left: 0rem !important;
 }
 /* Overridden style for positioning the notes box  */
-.moodle-dialogue-wrap.moodle-dialogue-content.yui3-widget-stdmod{
+ /* .moodle-dialogue-content{
 	    position: fixed !important; 
-	   left: 1035px!important;  
+	   left: 1035px!important; 	 
 	   width: 300px !important;
-	   top: 70px !important; 
+	   top: 70px !important;
-}
+}  */
 :focus{
 	outline: -webkit-focus-ring-color auto 0px !important; 
 }
@@ -71,41 +71,17 @@ ul#mynotes_user-list{
 }
-    .notes_overview {
-   /* 
-    overflow-x: hidden;
-    overflow-y: scroll;
-    height: 270px;  */
-  }
   .notes_overview {
    background-color: #f7f7f7;
    width: 100%; 
    height: 2em;
     padding: 9px 6px 0;
-   /* 
-    overflow-x: hidden;
-    overflow-y: scroll;
-    height: 270px;  */
  }
-    #notes-slider {
-   /*  left: 3px;
-    top: 43px; */
-}
 .notes_section {
 	padding: 4px 0px 4px 1px;
 }
-#course_name {
-	/* padding: 4px 0px 0px 8px;
-	font-size: 19px;
-	color: black; */
-}
 .notes_course {
 	background-color: #dddddd;
 	width: 100%;
@@ -117,8 +93,6 @@ ul#mynotes_user-list{
 }
 .notes_data {
-	/* background-color: #f7f7f7;
-	width: 100%; */
 	border: 2px solid #fff;
 	text-align: left;
 	padding: 8px;