Skip to content

Instantly share code, notes, and snippets.

@metapraveen

metapraveen/classification

Last active December 29, 2015 12:39
Show Gist options
  • Save metapraveen/7672452 to your computer and use it in GitHub Desktop.
Save metapraveen/7672452 to your computer and use it in GitHub Desktop.
Download ZIP
share with vineeth
Raw
classification
<div class="row-fluid">
<div class="span4">
<img class="publish_Mand publishMandatory" src="imgs/Buttons/pub_required.png">
<label>Subject</label>
</div>
<div class="disableSub"></div>
<div class="span8">
<div id="slct_subjects" class="wrapper-dropdown-3 " tabindex="1">
<% _(model.contentTypeMetaData).each(function(obj) {
if(obj.name ===constants.subject){ %>
<span style="" id="subject_span" class="dropdown-span" metadataId = <%=obj.id %> >Select</span>
<% } }) %>
<ul class="dropdown">
<% _(model.subjects).each(function(obj) { %>
<li id="<%= obj.id %>"><a href="#" class="dropdown-li"><%= obj.name %></a></li>
<% }) %>
</ul>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<label>Sub-topic</label>
</div>
<div class="span8">
<div id="slct_sub_top" style="display:none;" class="wrapper-dropdown-3 " tabindex="1">
<% _(model.contentTypeMetaData).each(function(obj) {
if(obj.name ===constants.subtopic){ %>
<span style="" id="subtopic_span" class="dropdown-span" metadataId = <%=obj.id %> >Select</span>
<% } }) %>
<ul class="dropdown" id="slct_sub_top_ul">
</ul>
</div>
<div id="btn-disable" class="btnDisable" style=""></div>
</div>
</div>
<div class="row-fluid">
<div class="span4">
</div>
<div class="span8">
<button class="lookUpTaxonomy btnLookup" id="lookUpTaxonomy" type="button" disabled="disabled" title="Select a subject first"></button>
</div>
</div>
<br/>
<div id="addSubjectDiv"></div>
<div class="row-fluid disableStandards"></div>
<div class="row-fluid">
<div class="span4">
<label>Standards</label>
</div>
<div class="span5 pull-right degree-of-alignment">
<label>
Degree of Alignment
</label>
<span><i class="icon-question-sign"></i></span>
</div>
<div class="standards span12">
<div >
<div id="desc_classification" style="min-width:194px;" ></div>
</div>
</div>
</div>
<button class="btnAddAnotherSub pull-right" id="btn_anotherSubject" type="button">
</button>
Raw
createDLA
/*Custom Select Box*/
.wrapper-dropdown-3 {
/* Size and position */
background: url("../imgs/select.png") no-repeat;
position: relative;
width: 200px;
height: 32px;
border-radius: 5px;
padding-top: 8px;
padding-left: 5px;
cursor: pointer;
outline: none;
color: #fff;
}
.close_button_first_subject{
background: url("../imgs/Subject_Close_Button.png") no-repeat scroll 0 0 transparent;
}
.main_sub_red_icon{
/*background: url("../imgs/Subject_CloseButton.png") no-repeat scroll 0 0 transparent;*/
height: 15px;
margin-left: 54%;
margin-top: 3%;
position: absolute;
width: 16px;
z-index: 1;
}
.main_sub_red_icon:hover{
background: url("../imgs/Subject_CloseButton.png") no-repeat scroll 0 0 transparent;
height: 15px;
margin-left: 54%;
margin-top: 3%;
position: absolute;
width: 16px;
display: block;
z-index: 1;
}
.wrapper-dropdown-3 span{
font-size: 13px !important;
padding: 0px 13px;
font-weight: bold;
line-height: 18px;
}
.wrapper-dropdown-3 span.subject_span{
text-transform: uppercase;
}
.wrapper-dropdown-3 .dropdown {
position: absolute;
z-index: 1;
top: 80%;
left: -10%;
right: 3%;
background: white;
height:160px;
border: 1px solid rgba(0, 0, 0, 0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
overflow: auto;
list-style: none;
opacity: 0;
pointer-events: none;
}
.wrapper-dropdown-3 .dropdown li a {
border-bottom: 1px solid #E6E8EA;
box-shadow: 0 1px 0 #FFFFFF inset;
color: #8AA8BD;
display: block;
font-size: 12px;
overflow: hidden;
padding: 10px;
text-decoration: none;
text-overflow: ellipsis;
transition: all 0.3s ease-out 0s;
white-space: nowrap;
word-wrap: break-word;
}
.wrapper-dropdown-3 .subject_ul li a{
text-transform: uppercase;
}
.wrapper-dropdown-3 .dropdown li{
color: #8aa8bd;
font-size: 12px;
}
.wrapper-dropdown-3 .dropdown li i {
float: right;
color: inherit;
}
.wrapper-dropdown-3 .dropdown li:last-of-type a {
border: none;
}
/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover{
background-color: #60c4e5;
}
.wrapper-dropdown-3 .dropdown li:hover a {
background: #60c4e5;
color:white;
}
/* Active state */
.wrapper-dropdown-3.active .dropdown {
opacity: 1;
pointer-events: auto;
}
/* No CSS3 support */
.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}
.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
display: block;
}
#slct_subjects ul.dropdown{
overflow: hidden;
}
#divAddDLA{
height: 97%;
margin-top: 3%;
width: 100%;
}
#adddla-container {
max-width: 540px;
background-color: #ececec !important;
min-width: 320px;
padding: 20px 8px 20px 20px;
}
#createDLADiv{
position:initial !important;
margin-top: 20px !important;
}
#addDLA-container div.addDLA-header span{
font-size:10px;
}
.draft{
color: #FCB51C;
}
#draft{
font-size: 12pt !important;
text-shadow: 0px 2px 3px white !important;
}
hr.hr_Header{
margin-top: 20px !important;
margin-bottom: 22px !important
}
hr{
margin:0 !important;
border: 0;
padding: 0 !important;
border-bottom: 1px dashed #CCC;
}
hr.endTag{
border-bottom: 1px solid #CCC !important;
}
#txt_dlaName{
font-size: 13px;
font-weight: bold;
}
#txt_dlaName,.accordian-form input[type="text"],.accordian-form textarea{
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin: 0 !important;
}
.dla-title{
padding-right: 23px !important;
}
#left1{
margin-top: -26px !important;
margin-right: 37px !important;
}
#left2, #left3,#left4{
margin-top: -24px !important;
margin-right: 40px !important;
}
#left5{
margin-top: -37px !important;
margin-right: 37px !important;
}
#left5 input[type="text"]{
height: 25px !important;
font-size: 15px !important;
top: 10px;
position: relative;
left: 33px;
width: 25px !important;
}
#left6 input[type="text"]{
font-size: 15px !important;
left: -6px;
position: relative;
top: 13px;
width: 25px !important;
}
#left6{
margin-top: -37px !important;
}
span#left1 .remove{
font-size: 15px !important;
position: relative;
margin-right: -30px !important;
}
span#left2 .remove{
font-size: 15px !important;
color: #333;
position: relative;
margin-right: -30px !important;
height: 20px;
}
.accordian-form{
padding:0px !important;
font-size:10px;
margin-top: 22px;
}
.accordian-form button{
text-shadow:none !important;
}
.accordian-form h4{
border-top: 1px solid #DADADA !important;
color: #333 !important;
font-weight: Bold !important;
font-size: 12px;
text-shadow: 0 -1px 0 white;
letter-spacing: -0.003em;
}
.accordian-form div{
border:0 !important;
}
.accordion div.content{
background-color:#DBDBDB !important;
}
.accordian-form div label{
color: #999;
font-size: 12px !important;
letter-spacing: -0.06em;
font-weight: bold;
}
#divGeneral{
position: inherit;
}
.ui-widget{
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}
/*Custom styles for Accordion*/
.ui-accordion .ui-accordion-content {
min-width: 290px !important;
overflow: hidden !important;
padding: 24px 5px 65px 15px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:0 !important;
font-weight: normal;
color: #555;
}
.accordian-form div input[type="radio"] {
margin:0px 5px 0px 20px;
-webkit-appearance: none;
-moz-appearance:none;
background: url('../imgs/Buttons/radio_btn.png') no-repeat;
padding: 10px;
border-radius: 50px;
display: inline-block;
position: relative;
}
.ui-widget-content {
background:none !important;
}
#lock_icon{
display: inline-block;
margin-top: 5px;
height: 21px;
width: 18px;
margin-right: -5px;
}
.accordian-form .row-fluid .span4{
padding-bottom: 10px;
}
/*Lock icon styles*/
.lock_on{
background: url('../imgs/lock_on.png') no-repeat;
}
.lock_off{
background: url('../imgs/lock_off.png') no-repeat;
}
#txt_url{
color: #000000;
font-size: 13px !important;
font-weight: bold;
}
#txt_url:-moz-placeholder{
color: #999999 !important;
}
#txt_sourceSite{
font-weight: bold;
font-size: 13px !important;
color: #999999 !important;
}
#txt_sourceSite:focus{
border: 1px solid #CCC !important;
}
.autocomplete-div{
position: relative;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border-left:0 !important;
border-right:0 !important;
border-bottom:0 !important;
}
#fileForm #img{
width: 500px;
visibility:hidden;
position: absolute;
}
#imgUpload{
float: right;
height: 30px;
margin-bottom: 85px;
margin-top: 5px;
width: 200px;
}
#upLoadImage{
width: 201px;
cursor: pointer;
}
#upLoadImageDisable{
display: none;
cursor: no-drop;
width: 201px;
}
.img-preview{
height: 40px !important;
margin-left: 61% !important;
margin-top: 2%;
width: 71px !important;
display: none ;
}
#errorImage{
display: none;
color: #FF0000;
font-size: 12px !important;
}
#noFile, #errorImage{
float: right;
font-weight: normal;
letter-spacing: 0;
/*width: 90px;*/
}
#noFile{
color: #C6C6C6;
font-size: 11px !important;
font-style: italic;
}
#txt_desc_general{
height:130px;
}
#txt_WatShdDo,#txt_desc_general,#txt_addBulletTxt{
resize: none;
padding:7px;
background-color:white;
font-weight: normal;
color: #333333 !important;
font-size:13px;
}
/*Mandatory filed for publishing*/
.publish_Mand{
height: 11px;
margin-left: -16px;
margin-top: 3px;
position: absolute;
width: 17px;
display: none;
}
/*Slider Custom Style*/
p.slider_p{
margin: 34px 0 10px 0 !important;
}
#slider-range, #facebox #slider-range1{
border: 1px solid #AAA !important;
background: white url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x !important;
padding:0 5px 0 5px !important;
width:92%;
}
.ui-slider .ui-slider-handle {
width: 0.9em !important;
height: 1.5em !important;
cursor: pointer !important;
border: 0 !important;
background: url(images/slider_knob.gif) 1px no-repeat !important; top:10px;
background-size: 8px 20px !important;
}
div#slider-range div.ui-widget-header {
border: 0 !important;
background: url(images/bkg_slider.gif) repeat-x !important;
height:1em !important;
}
#slider-range .ui-slider-horizontal, .ui-slider-handle {
top: -.4em !important
}
.disableSlider{
display: block;
height: 23px;
margin-left: 0 !important;
position: absolute;
/*top: 80%;*/
width: 62%;
z-index: 100;
display: none;
}
.disableSub{
display: none;
height: 100%;
/*margin-left: 107px !important;*/
position: absolute;
top: 2%;
width: 100%;
z-index: 100;
}
.disableWebFeatures{
display: none;
height: 83%;
/*margin-left: 107px;*/
position: absolute;
top: 4%;
width: 100%;
z-index: 100;
}
.disableTeacherEval{
display: none;
height: 75%;
/*margin-left: 32%;*/
position: absolute;
top: 3%;
width: 100%;
z-index: 100;
}
.disableStandards,.disablekeywords{
display: none;
height: 25%;
/*margin-left: 32%;*/
position: absolute;
width: 100%;
z-index: 100;
}
.disableThumbnail{
display: none;
height: 25%;
/*margin-left: 32%;*/
position: absolute;
width: 100%;
z-index: 100;
}
.dsableDisqualifyBtn{
cursor:no-drop;
opacity:0.65;
}
.ui-layout-resizer:hover .ui-layout-toggler {
filter: alpha(opacity=60);
opacity: .60;
cursor: url(../imgs/Buttons/cursor.png), -moz-zoom-in !important;
}
.ui-layout-resizer:hover .ui-layout-toggler:hover { /* specificity */
background-color: #FC6;
filter: alpha(opacity=100);
cursor: url(../imgs/Buttons/cursor.png), -moz-zoom-in !important;
opacity: 1;
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
border-width: 0 1px;
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
border-width: 1px 0;
}
/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding .ui-layout-toggler {
display: none;
}
/*style the text we put INSIDE the east/west togglers*/
.ui-layout-toggler .content {
cursor: url(../imgs/Buttons/cursor.png), -moz-zoom-in !important;
font-size: 12px;
font-weight: bold;
color: #666;
padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
}
a{
border:0 !important;
}
.dropdown-span {
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
white-space: nowrap;
width: 185px !important;
margin: 0;
display: inline-block;
}
.dropdown-li{
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
white-space: nowrap;
margin: 0;
display: inline-block;
}
/* slider ends*/
/*Lookup button*/
.lookUpTaxonomy{
cursor: no-drop;
background-color: transparent;
background-image: url("../imgs/Buttons/lookUp_btn.png");
background-position: -2px -1px;
background-repeat: no-repeat;
background-size: 113px 35px;
height: 34px;
width: 110px;
}
.disableLookUpDiv{
background: #5ec0e2; /* Old browsers */
/*IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYzBlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzUwYjNkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzE5N2VhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjZjOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5ec0e2 0%, #50b3d7 20%, #197ead 76%, #066c9e 100%); /* FF3.6+*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ec0e2), color-stop(20%,#50b3d7), color-stop(76%,#197ead), color-stop(100%,#066c9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5ec0e2 0%,#50b3d7 20%,#197ead 76%,#066c9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5ec0e2 0%,#50b3d7 20%,#197ead 76%,#066c9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5ec0e2 0%,#50b3d7 20%,#197ead 76%,#066c9e 100%); /* IE10+ */
background: linear-gradient(to bottom, #5ec0e2 0%,#50b3d7 20%,#197ead 76%,#066c9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ec0e2', endColorstr='#066c9e',GradientType=0 ); /* IE6-8 */
height: 21px;
left: 69.7%;
position: absolute;
top: 60%;
width: 104px
}
.disableLookUpLabel{
width:25px;
height: 10px;
background-image: url("../imgs/Buttons/lookuptxt.png") ;
background-color: transparent;
}
div.text1{
background-color:#babec0 !important;
height:70px;
resize: none;
border:1px solid #CCCCCC !important;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:10px;
}
.div_out{
background-color: #babec0 !important;
height: 70px;
resize: none;
border: 1px solid #CCCCCC !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
overflow-y: hidden;
overflow-x: hidden;
margin-left: 5px;
min-width: 97%;
margin-bottom: 13px !important;
}
.div_out:hover {
overflow-x: hidden;
overflow-y: scroll;
}
div.div_inside{
padding:5px;
min-width: 100%;
height:auto;
overflow:hidden;
}
div.node{
background-color: #CCCCCC;
border-radius: 5px 5px 5px 5px;
color: white;
cursor: pointer;
display: inline-block;
padding-left: 3px;
width: 100%;
margin-bottom: 5px
}
div.node img{
float: right;
}
div.node:hover{
border: 1px solid #d8d8d8;
position:relative;
-moz-box-shadow: 0 0 10px black !important;
-webkit-box-shadow: 0 0 10px black !important;
box-shadow: 0 0 10px black !important;
zoom:1;
background: rgb(231,235,184); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZWJiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2U2ZWNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2UzZTdiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2RmZTZiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2RkZTJhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2RiZGZhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2Q1ZDhhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2Q2ZDlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2QzZDdhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmQ2YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(231,235,184,1) 0%, rgba(230,236,176,1) 11%, rgba(227,231,180,1) 22%, rgba(223,230,178,1) 33%, rgba(221,226,170,1) 44%, rgba(219,223,172,1) 56%, rgba(213,216,169,1) 72%, rgba(214,217,170,1) 78%, rgba(211,215,164,1) 83%, rgba(207,214,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,235,184,1)), color-stop(11%,rgba(230,236,176,1)), color-stop(22%,rgba(227,231,180,1)), color-stop(33%,rgba(223,230,178,1)), color-stop(44%,rgba(221,226,170,1)), color-stop(56%,rgba(219,223,172,1)), color-stop(72%,rgba(213,216,169,1)), color-stop(78%,rgba(214,217,170,1)), color-stop(83%,rgba(211,215,164,1)), color-stop(100%,rgba(207,214,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(231,235,184,1) 0%,rgba(230,236,176,1) 11%,rgba(227,231,180,1) 22%,rgba(223,230,178,1) 33%,rgba(221,226,170,1) 44%,rgba(219,223,172,1) 56%,rgba(213,216,169,1) 72%,rgba(214,217,170,1) 78%,rgba(211,215,164,1) 83%,rgba(207,214,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(231,235,184,1) 0%,rgba(230,236,176,1) 11%,rgba(227,231,180,1) 22%,rgba(223,230,178,1) 33%,rgba(221,226,170,1) 44%,rgba(219,223,172,1) 56%,rgba(213,216,169,1) 72%,rgba(214,217,170,1) 78%,rgba(211,215,164,1) 83%,rgba(207,214,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(231,235,184,1) 0%,rgba(230,236,176,1) 11%,rgba(227,231,180,1) 22%,rgba(223,230,178,1) 33%,rgba(221,226,170,1) 44%,rgba(219,223,172,1) 56%,rgba(213,216,169,1) 72%,rgba(214,217,170,1) 78%,rgba(211,215,164,1) 83%,rgba(207,214,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(231,235,184,1) 0%,rgba(230,236,176,1) 11%,rgba(227,231,180,1) 22%,rgba(223,230,178,1) 33%,rgba(221,226,170,1) 44%,rgba(219,223,172,1) 56%,rgba(213,216,169,1) 72%,rgba(214,217,170,1) 78%,rgba(211,215,164,1) 83%,rgba(207,214,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebb8', endColorstr='#cfd6a3',GradientType=0 ); /* IE6-8 */
color:black;
background-color:#E7EDB5;
}
#txt_desc_classification,#txt_WatShdDo,#div_watStdLearn,#text4,#text5{
overflow-x:hidden;
}
textarea{
resize:none;
}
#txt_desc_classification{
height:68px;
}
#txt_WatShdDo{
height:130px;
background-color:white;
}
#div_watStdLearn,#text5{
height:227px;
}
#text4{
height:60px;
background-color:white;
}
#btn_addBullet{
background-image: url("../imgs/Buttons/addBullet.png");
background-position: -2px -3px;
background-repeat: no-repeat;
background-size: 112px 30px;
}
div.text1{
background-color:#babec0 !important;
height:70px;
resize: none;
border:1px solid #CCCCCC !important;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:10px;
}
.txt_keywords{
height: 100%;
width: 100%;
overflow: auto;
}
#addKeyWordTxt{
padding-right: 20px;
}
#countTxtBox{
width:20px;
}
#Count_left_keyword{
height: 20px;
right: 3px;
width: 20px !important;
}
/*Keyword */
.keyword_div{
background-color: #adb0b3;
text-transform: uppercase;
padding:4px;
font-size: 11px;
font-weight: regular;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:3px;
display: inline-block;
word-break:break-word;
}
div.div_inside{
padding:5px;
min-width: 100%;
height:auto;
overflow:hidden;
}
#addedNode {
height: 17px !important;
padding-top: 3px !important;
padding-bottom: 6px;
}
.nodeText{
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
white-space: nowrap;
width: 142px !important;
margin: 0;
display: inline-block;
margin-right: 1em;
font-weight: bold;
padding: 0;
padding-top: 2px;
padding-left: 2px;
}
#txtComment {
min-height: 115px;
}
#btn_addComment{
background: url('../imgs/Buttons/btn_bg.png') no-repeat !important;
background-size: 113px 28px !important;
border: medium none !important;
font-weight: bold;
}
#requireLabel{
color: red;
display: inline;
font-size: 12px !important;
font-style: italic;
font-weight: 100;
letter-spacing: 0;
}
/* Button Buttons*/
.btns{
background: rgb(90,192,226); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhYzBlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNWNjMmU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjNTJiZGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMjFhOGQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjMTNhMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzOTljYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(90,192,226,1) 0%, rgba(92,194,228,1) 5%, rgba(82,189,225,1) 20%, rgba(33,168,213,1) 75%, rgba(19,161,209,1) 95%, rgba(3,153,203,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,192,226,1)), color-stop(5%,rgba(92,194,228,1)), color-stop(20%,rgba(82,189,225,1)), color-stop(75%,rgba(33,168,213,1)), color-stop(95%,rgba(19,161,209,1)), color-stop(100%,rgba(3,153,203,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(90,192,226,1) 0%,rgba(92,194,228,1) 5%,rgba(82,189,225,1) 20%,rgba(33,168,213,1) 75%,rgba(19,161,209,1) 95%,rgba(3,153,203,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(90,192,226,1) 0%,rgba(92,194,228,1) 5%,rgba(82,189,225,1) 20%,rgba(33,168,213,1) 75%,rgba(19,161,209,1) 95%,rgba(3,153,203,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(90,192,226,1) 0%,rgba(92,194,228,1) 5%,rgba(82,189,225,1) 20%,rgba(33,168,213,1) 75%,rgba(19,161,209,1) 95%,rgba(3,153,203,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(90,192,226,1) 0%,rgba(92,194,228,1) 5%,rgba(82,189,225,1) 20%,rgba(33,168,213,1) 75%,rgba(19,161,209,1) 95%,rgba(3,153,203,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac0e2', endColorstr='#0399cb',GradientType=0 ); /* IE6-8 */
/*<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->*/
color:white !important;
font-size:12px !important;
}
.btnAddAnotherSub{
background: url('../imgs/Buttons/addAnotherSub_btn.png') no-repeat !important;
border: none;
width: 200px;
height: 35px;
cursor: no-drop;
}
.btnAddAnotherSub_enabled{
background: url('../imgs/Buttons/addAnotherSub_Enabled_btn.png') no-repeat !important;
border: none;
width: 200px;
height: 35px;
}
.btnAddBullet{
border: none;
height: 26px;
width: 109px;
color: white;
font-weight: bold;
}
.btnLookup {
border: medium none;
color: white;
font-weight: bold;
margin-left: 92px;
}
.btnCancel,.btnSave{
border: none;
height: 36px;
width: 71px;
}
.btnCancel{
background-color: transparent;
background-image: url("../imgs/Buttons/cancel_btn.png");
background-position: 0 1px;
background-repeat: no-repeat;
background-size: 69px 33px;
}
.btnCancel:hover, .btnCancel:focus{
background-image: url("../imgs/Buttons/cancel_pressed_btn.png");
background-position: -2px 0px;
background-repeat: no-repeat;
background-size: 73px 34px;
}
.btnSave{
background-color: transparent;
background-image: url("../imgs/Buttons/save_btn.png");
background-position: 0 1px;
background-repeat: no-repeat;
margin-left: -4px;
}
.btnSave:hover,.btnSave:focus,.btnSave:active{
background: url('../imgs/Buttons/save_pressed_btn.png') no-repeat !important;
}
.btnRdyReview{
background-image: url('../imgs/Buttons/rdy4review_btn.png')!important;
background-repeat: no-repeat;
background-size: 143px 35px;
width: 143px;
height: 35px;
border: none;
}
.btnRdyReview:hover,.btnRdyReview:focus{
background-image: url('../imgs/Buttons/rdy4review_pressed_btn.png')!important;
background-repeat: no-repeat;
background-size: 143px 35px;
}
.btnDelete{
background-color: transparent;
background-image: url("../imgs/Buttons/delete_btn.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 68px 32px;
border: medium none;
height: 34px;
width: 68px;
}
.disable-delete{
cursor: no-drop;
}
.disabled_Publish{
background: url('../imgs/Buttons/publishPressed_btn.png') no-repeat !important;
cursor: no-drop;
}
.disabledSave{
cursor: no-drop;
background: url("../imgs/Buttons/save_pressed_btn.png") no-repeat scroll 0 0 transparent !important;
}
.disablereadyToReview{
cursor: no-drop;
opacity: .9;
}
.disable-backto-draft{
background-image: url('../imgs/Buttons/bak2draft_pressed.png')!important;
background-repeat: no-repeat;
background-size: 140px 35px;
border: none;
width: 140px;
height: 35px;
cursor: no-drop;
}
.btnPublish{
background-image: url('../imgs/Buttons/publish_btn.png') !important;
background-repeat: no-repeat;
background-size: 140px 35px;
border: none;
width: 140px;
height: 35px;
}
.btnPublish:hover,.btnPublish:focus{
background-image: url('../imgs/Buttons/publishPressed_btn.png')!important;
}
.btnRdyPublish {
background-color: transparent;
background-image: url("../imgs/Buttons/readyToPublish.png");
background-repeat: no-repeat;
border: medium none;
display: none;
height: 35px;
width: 143px;
}
.btnRdyPublish:disabled{
cursor: no-drop;
}
.btnRdyPublish:active,.btnRdyPublish:disabled {
background-color: transparent;
background-image: url("../imgs/Buttons/readyToPublish_pressed.png");
background-repeat: no-repeat;
background-size: 143px 35px;
border: medium none;
height: 35px;
width: 143px;
}
.btnRdyPublish:hover{
background-color: transparent;
background-image: url("../imgs/Buttons/readyToPublish_pressed.png");
background-repeat: no-repeat;
border: medium none;
height: 35px;
width: 143px;
}
.btnbackDraft{
background-color: transparent;
background-image: url("../imgs/Buttons/back2draft_btn.png");
background-repeat: no-repeat;
background-origin: padding-box;
background-position: -2px 0;
background-repeat: no-repeat;
background-size: 145px 31px;
border: medium none;
height: 33px;
width: 140px;
}
#btn_backToDraft:focus, #btn_backToDraft:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../imgs/Buttons/bak2draft_pressed.png");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 140px 31px;
border: medium none;
}
#btn_backToDraft:active {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../imgs/Buttons/bak2draft_pressed.png");
background-origin: padding-box;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: 140px 31px;
border: medium none;
}
.btnUnPublishDisqualified {
background-image: url("../imgs/Buttons/unpublish_disqualify_btn.png");
background-repeat: no-repeat;
background-size: 143px 35px;
border: medium none;
height: 35px;
width: 143px;
cursor:pointer;
}
.btnUnPublishDisqualified:disabled{
cursor:no-drop;
opacity: 0.77;
}
.btnDisqualified{
background: url("../imgs/Buttons/disqualified.png") no-repeat scroll 0px 0 / 140px 33px transparent;
border: medium none;
height: 35px;
width: 143px;
}
.btn-grey{
background-color: #d8d8d8 !important;
background-image: -moz-linear-gradient(top, #f3f3f3, #d8d8d8) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d8d8d8)) !important;
background-image: -webkit-linear-gradient(top, #f2f2f2, #d8d8d8) !important;
background-image: -o-linear-gradient(top, #f2f2f2, #d8d8d8) !important;
background-image: linear-gradient(to bottom, #f2f2f2, #d8d8d8) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color:white !important;
font-size:12px !important;
}
.btnDisable{
background-image: url("../imgs/disable.png");
background-repeat: no-repeat;
background-size: 200px 35px;
border-radius: 6px 6px 6px 6px;
height: 43px;
margin-left: 3px;
width: 203px;
}
/*End Buttons*/
/*IFRAME styles*/
#iframe_dla{
height: 93%;
margin-top: 2.6%;
right: 20px;
width: 100%;
}
.ui-menu .ui-menu-item a{
line-height: 0.9em !important;
font-size: 14px;
}
.img-upload{
height: 80px !important;
margin-left: 9px !important;
margin-top: 17px;
width: 140px !important;
}
div.DLA-head{
margin-top:5%;
}
ui-layout-toggler ui-layout-toggler-west ui-layout-toggler-open ui-layout-toggler-west-open{
width:10px !important;
}
div.DLA-head span{
color:#949494;
}
/*Styles for Radio Button*/
.regular-radio:checked:after {
content: ' ';
left: 5px;
}
.regular-radio:checked {
background:url('../imgs/Buttons/radio_chckd_btn.png') no-repeat !important;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio:active, .regular-radio:checked:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.accordian-form div select{
/*background: url('../imgs/select.png') -4px -4px !important;*/
background-color: #60c4e5 !important;
-webkit-appearance:none;
-moz-appearance: menu !important;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-moz-padding-end: -120px !important;
-moz-padding-start: 2px;
padding-top:5px;
-moz-user-select: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color:white !important;
font-size:12px !important;
}
.accordian-form select:focus{
outline: none;
}
.accordian-form div select > option {
background-color: #12a1d1;
}
.rangeImage{
position:relative;width:103% !important;height: 35px;
max-width: 103%;
}
.accordian-form div select{
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius:8px;
text-transform: uppercase;
border:2px solid #95e2fe;
height:30px !important;
width:200px !important;
line-height: 100% !important;
padding-top: 0 ;
}
.accordian-form div textarea{
background-color:#babec0;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius:8px;
}
.bullet_dot{
margin-left: -3px;
position: relative;
}
#bullet_data{
word-wrap:break-word;
padding-left: 10px;
}
.div_out{
background-color: #babec0 !important;
height: 70px;
resize: none;
border: 1px solid #CCCCCC !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
overflow-y: hidden;
overflow-x: hidden;
margin-left: 5px;
min-width: 97%;
margin-bottom: 13px !important;
}
.div_out:hover {
overflow-x: hidden;
overflow-y: scroll;
}
/*style for Keyword's inside dynamic DIV*/
.iconDivBulletView{
display: none;
margin-right: -2px;
float: right;
}
.comment_Div{
display: block;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:3px;
padding: 3px;
}
#addedComment{
word-spacing: normal;
word-wrap: break-word;
}
#txt_desc_classification,#txt_WatShdDo,#div_watStdLearn,#text4,#text5{
overflow-x:hidden;
}
#txt_desc_classification{
height:68px;
}
#txt_WatShdDo{
height:130px;
background-color:white;
}
#div_watStdLearn,#text5{
height:227px;
}
#text4{
height:60px;
background-color:white;
}
.texta{
margin-top:10px !important;
margin-left:-0px !important;
width:200px;
padding:2px;
}
.btnAddKeyword{
background: url('../imgs/Buttons/addKeyword_btn.png') no-repeat;
width: 112px;
height: 27px;
border: none;
}
.btnAddKeyword:hover,.btnAddKeyword:focus{
background: url('../imgs/Buttons/addkeyword_pressed_btn.png') no-repeat !important;
}
.btnAddAnotherSub{
background: url('../imgs/Buttons/addAnotherSub_btn.png') no-repeat !important;
border: none;
width: 200px;
height: 35px;
cursor: no-drop;
}
.publish{
color: #9c89ff;
}
.readytoPreview{
color: #38ec00;
}
.edit_Error{
color: red;
}
#edit_txt{
box-shadow: none !important;
display: none;
font-size: 12px;
height: 21px !important;
margin-left: 10px !important;
transition: none 0s ease 0s !important;
}
#edit_txt:focus{
padding:0 !important;
}
/*style for loading icon in iframe*/
.addBack_iframe_dla{
margin: auto;
background: url('images/Please_wait1.gif') no-repeat;
background-repeat: no-repeat;
background-size: 135px 70px;
background-position: 50% 50%;
vertical-align: top;
position: absolute;
top: 40%;
left: 40%;
z-index: 100;
}
#showLoadingImg{
margin: auto;
width: 150px;
height: 100px;
}
.unSelect_subject{
background: url("../imgs/Buttons/Subject_Close_Button.png") no-repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
cursor: pointer;
height: 32px;
outline: medium none;
padding-left: 5px;
padding-top: 8px;
position: relative;
width: 200px;
}
.sub_red_icon {
/*background: url("../imgs/Subject_Button.png") no-repeat scroll 0 0 transparent;*/
height: 15px;
margin-left: 83%;
margin-top: 1%;
position: absolute;
width: 16px;
display: block;
}
.sub_red_icon:hover{
background: url("../imgs/Buttons/Subject_CloseButton.png") no-repeat scroll 0 0 transparent;
height: 15px;
margin-left: 83%;
margin-top: 1%;
position: absolute;
width: 16px;
display: block;
}
.main_addSub_Div{
margin-bottom: 10px;
}
.unPublished-Disqualified{
color:#413839;
}
.keywords-div{
width: 30em !important;
height: 14em !important;
padding: 0;
}
.degree-of-alignment{
text-align: center;
}
.degree-of-alignment label{
float: left;
}
.degree-of-alignment span{
margin-left: 0.1em;
}
.standards{
margin-left: 0 !important;
}
input[name^=standardRating] {
display: none !important;
width: 10px;
}
label.rating-label{
display: inline-block;
background: white;
cursor: pointer;
position: relative;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
margin: 0;
text-align: center;
margin-left: 0.2em;
margin-right: 0.2em;
font-weight: bolder;
}
input[name^=standardRating]:checked + label.rating-label{
background: #41B6DD;
color: brown;
}
.standard-tooltip{
display: none;
color: green;
}
.popover-title {
font-size: 15px;
}
.popover-content {
font-size: 10px;
}
Raw
lookup
define([
'jquery',
'underscore',
'backbone',
'text!templates/lookup.html',
'jqueryui',
'jquerylayoutlatest',
'constants',
'jstree',
'views/lookup/tree',
'models/treeSearch',
'views/createDLA/keywordView',
'views/spinner',
'facebox',
'models/standardModel',
'views/createDLA/descriptionView',
'collections/standardsCollection'],
function (
$,
_,
Backbone,
lookupTemplate,
jqueryui,
jquerylayoutlatest,
constants,
jstree,
Tree,
SearchTree,
keywordView,
Spinner,
facebox,
Standard,
StandardView,
Standards) {
var lookupView = Backbone.View.extend({
el: 'body',
template: _.template(lookupTemplate),
events: {
'click #LookUpSave': 'saveData',
'click #LookUpCancel': 'closeBox',
'click #btn_addLookUp': 'addKeyWord',
'click .lookupLi': 'getStrand',
'keyup ': 'loadUrl'
// 'click div#searchResult .jstree-default a':'selectNode'
},
initialize: function () {
this.keywordsDiv = '#facebox #addKeyWords_Inside';
this.allStrand = 'liall';
this.vent = _.extend({}, Backbone.Events);
this.standards = new Standards();
//TO RENDER THE STANDARD
this.standards.bind('add', this.renderStandard, this);
this.render();
},
render: function () {
this.$('#faceboxLookup').html(this.template({
model: this.model.toJSON()
}));
},
loadUrl: function (e) {
if (e.keyCode === 27)
//TO ADD IFRAME CONTENT BACK TO DIV, THIS EVEN WILL BE LISTENED FROM CLASSIFICATION.JS
constants.eventbus.trigger('addIframeback');
},
showLookup: function (subject, subjectDivId) {
this.subjectDivId = subjectDivId;
this.subjectType = $("#subject_span" + this.subjectDivId).text().substring(0, 7).toUpperCase().trim();
var self = this;
this.selectedVal = subject;
this.treeType = this.selectedVal.trim().toUpperCase();
//to avoid closing facebox when user clicks on the screen
$.extend($.facebox.settings, {
modal: true
});
$(document).bind('loading.facebox', function () {
$("#facebox_overlay").unbind("click").click(function () {
if (!$.facebox.settings.modal) {
$(document).trigger('close.facebox');
}
})
})
$.facebox({
div: '#faceboxLookup',
loadingImage: '../imgs/loading.gif',
closeImage: '../imgs/closelabel.png'
});
// give styles
$('.content').addClass("resizeLookUp");
$('.content').attr('id', 'lookupID');
//load tree
// an object to communicate events between views via http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-backbone-js/
var treeData = this.model.toJSON().treeData;
_(treeData).each(function (obj) {
obj.state = 'open';
obj.attr = {};
obj.attr.id = obj.id;
obj.attr.name = obj.data;
obj.attr.description = obj.description;
obj.attr.taxonomyId = obj['taxonomy-id'];
obj.attr.parentNodeId = obj['parent-node-id'];
$.each(obj.children, function (i, obj) {
obj.children = null;
obj.state = 'closed';
obj.attr = {};
obj.attr.id = obj.id;
obj.attr.name = obj.data;
obj.attr.description = obj.description;
obj.attr.taxonomyId = obj['taxonomy-id'];
obj.attr.parentNodeId = obj['parent-node-id'];
});
this.treeView = new Tree({
model: obj,
vent: self.vent,
treeType: self.treeType
});
this.treeView.on('standardSelection', self.getCheckedNodes, self);
this.$('#facebox #treeViewDiv').append(this.treeView.render().el);
});
$("#facebox #slider-range1").slider({
// var mini=$( "#slider-range" ).slider( "values", 0 );
range: true,
min: 0,
max: 12,
values: [0, 12],
slide: function (event, ui) {
self.data = {
minGrade: ui.values[0],
maxGrade: ui.values[1],
treeType: self.selectedVal.trim().toUpperCase()
};
self.toggleView();
self.vent.trigger("filterGrade", self.data);
// $( "#facebox #amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
}
});
// display domain or strand accordingly.
if (this.selectedVal.trim().toUpperCase() == 'MATH') {
$("#facebox #domainStrand").text("Domain");
} else {
$("#facebox #domainStrand").text("Strand");
};
// get subject from CreateDLA to lookup facebox
$("#facebox .displaySub").attr("value", this.selectedVal);
this.delegateEvents();
},
closeBox: function () {
$('#faceboxLookup').trigger('close.facebox');
$('li.lookupLi').removeClass('selected-starnd');
$('li#liall').addClass('selected-starnd');
this.undelegateEvents();
if (this.strandId)
delete this.strandId;
if (this.keywords)
delete this.keywords;
if (this.path)
delete this.path;
constants.eventbus.trigger('addIframeback');
},
getStrand: function (data) {
this.toggleView();
var domain = $(data.currentTarget.outerHTML).text().trim();
this.setSubtopic(domain);
var liId = $(data.currentTarget.outerHTML).attr('id');
this.strandId = liId;
$(".lookupLi").removeClass('selected-starnd');
$("li#" + liId + ".lookupLi").toggleClass('selected-starnd');
if (this.selectedVal.trim().toUpperCase() == 'MATH') {
this.vent.trigger("filterDomain", domain);
} else {
var treeId = liId.substr(2);
if (treeId.toUpperCase() == 'ALL') {
$(".jstree-default").show();
} else {
$(".jstree-default").hide();
$("#_" + treeId).show();
}
}
},
saveData: function () {
$("#txt_desc_classification").val($("#facebox #LookUpKeywords").val());
var sub = $("#subject_span" + this.subjectDivId).text().substring(0, 7).toUpperCase().trim();
this.getCheckedNodes(sub);
if (sub == constants.ela || sub == constants.math) {
$("#btn-disable" + this.subjectDivId).hide();
$("#slct_sub_top" + this.subjectDivId).show();
var id = $("li.selected-starnd").attr('id');
$("#subtopic_span" + this.subjectDivId).text($("#" + id).text().trim());
} else {
}
this.closeBox();
},
//CALL THIS METHOD TO ADD STANDARD TO THE COLLECTION EACH TIME A SELECTION IS DONE
getCheckedNodes: function (type) {
var self = this;
if(!type)
type = this.subjectType;
$('#btn_save').removeAttr('disabled');
$('#btn_save').removeClass('disabledSave');
this.selectedNodes = new Backbone.Collection();
if(type==constants.math)
{
var rootCount=0;
$('.jstree-checked').each(function (data) {
var taxonomyId = $(this).attr('taxonomyid');
var nodeId = $(this).attr("id");
var parentClass ;
if($('#'+nodeId+' a')[0].className=='' || $('#'+nodeId+' a')[0].className=='jstree-hovered' || $('#'+nodeId+' a')[0].className=='jstree-search'){
parentClass= $('#' + nodeId).parent()[0].previousElementSibling.className;
if (parentClass == 'root_node' && $(this).hasClass('jstree-closed')) {
$.ajax({
type: "GET",
contentType: 'application/json',
url: constants.getTaxonomy + taxonomyId + '/nodes/' + nodeId,
success: function (data) {
for (var i = 0; i < data.response['taxonomy-node-list'].length; i++)
self.selectedNodes.add(new Backbone.Model({
name: data.response['taxonomy-node-list'][i].name,
description:data.response['taxonomy-node-list'][i].description
}));
// self.trigger('associateTaxonomy');
}
});
} else {
var name = $(this).attr("name");
var desc = $(this).attr("description");
var id = $(this).attr("id");
if($('#facebox #searchResult').is(':visible') ){
if($(this)[0].parentElement.parentElement.id.length>3){
self.selectedNodes.add(new Backbone.Model({
name: name,
description:desc
}));
// self.trigger('associateTaxonomy');
}
}else if (parentClass != 'root_node'){
self.selectedNodes.add(new Backbone.Model({
name: name,
description:desc
}));
// self.trigger('associateTaxonomy');
}
}
}
});
}else{
$('.jstree-leaf.jstree-checked').each(function(data){
//push each id selected to an array
var name = $(this).attr("name");
var desc = $(this).attr("description");
// var id = $(this).attr("id");
self.selectedNodes.add(new Backbone.Model({
name:name,
description:desc
}));
//self.trigger('associateTaxonomy');
});
}
this.selectedNodes.each(function (node) {
self.standards.add(node);
});
},
addKeyWord: function () {
var self = this;
//if user is adding keywords create a collection and bind the render event to it
if ($('#facebox #addKeyWordTxtLookUp').val() != '') {
if (!this.keywords) {
this.keywords = new Backbone.Collection();
this.keywords.bind('add', function (model) {
self.u = new keywordView({
model: model
});
self.u.on('deleteKeyword', function () {
this.$el.remove();
self.keywords.remove(this.model);
if (self.keywords.length < 1) {
self.toggleView();
}
});
this.$("#facebox #addKeyWords_Inside").append(this.u.render().el);
}, this);
}
this.keywords.add(new Backbone.Model({
name: $('#facebox #addKeyWordTxtLookUp').val()
}));
$('#facebox #addKeyWordTxtLookUp').val('');
$('#facebox #countTxt').val('30');
this.serchUtility();
}
},
serchUtility: function () {
if (!this.spinner)
this.spinner = new Spinner({
el: $('#facebox #lookupSpinner')
});
this.spinner.show();
var self = this;
var serachUrl = constants.serachTaxonomy;
var keywordsArray = this.keywords.pluck("name");
this.wordsToSearch = keywordsArray;
var minGrade = $("#facebox #slider-range1").slider("values", 0);
var maxGrade = $("#facebox #slider-range1").slider("values", 1);
var strand = '*';
var grade = '*';
var path = [];
if (!this.path) {
if (this.strandId && this.strandId != this.allStrand) {
strand = $("#" + this.strandId).text().trim();
}
if (this.treeType == constants.english) {
this.taxonomy_name = 'ELA';
if (minGrade == 0 && maxGrade == 12) {
path.push('|' + strand + '|' + grade + '|*');
} else if (this.strandId) {
for (var i = minGrade; i <= maxGrade; i++) {
var j = i;
if (j == 0)
j = 'K';
try {
grade = $("li[name='" + strand + "']").find("li[description='" + j + "']").attr('name').trim();
} catch (e) {}
if (grade)
path.push('|' + strand + '|' + grade + '|*');
}
} else {
for (var i = minGrade; i <= maxGrade; i++) {
var j = i;
if (j == 0)
j = 'K';
if (grade)
path.push('|' + strand + '|*Grade ' + j + '|*');
}
}
} else {
this.taxonomy_name = constants.math;
var domain = strand;
if (minGrade == 0 && maxGrade == 12) {
path.push('|' + grade + '|' + domain + '|*');
} else if (this.strandId) {
for (var i = minGrade; i <= maxGrade; i++) {
var j = i;
if (j == 0) j = 'K';
try {
grade = $("li[name='" + domain + "']").parent().parent("li[description='" + j + "']").attr('name');
} catch (e) {}
if (grade)
path.push('|*' + j + '|' + domain + '|*');
}
} else {
for (var i = minGrade; i <= maxGrade; i++) {
var j = i;
if (j == 0) j = 'K';
if (grade)
path.push('|*' + j + '|*' + '|*');
}
}
} // end else
this.path = path;
}
var keys = null;
var stringPath = null;
$.each(keywordsArray, function (index, value) {
if (!keys)
keys = keywordsArray[index];
else
keys = keys + ' OR ' + keywordsArray[index];
});
$.each(this.path, function (index, value) {
if (!stringPath)
stringPath = self.path[index].trim().split(' ').join('\\ ');
else
stringPath = stringPath + ' OR ' + self.path[index].split(' ').join('\\ ');
});
stringPath = stringPath.trim().replace(/\//g, "\\/");
if (keys) {
var name = "name:(" + keys + ")";
var description = "description:(" + keys + ")";
var name_and_description = "(" + name + ' OR ' + description + ")";
var paths = "path:(" + stringPath + ")";
var name_desc_path = "" + name_and_description + " AND " + paths;
var tree = "taxonomy_name:" + this.taxonomy_name;
serachUrl = serachUrl + 'q=' + encodeURIComponent(name_desc_path) + '&fq=' + encodeURIComponent(tree) + constants.searchTaxonomyEndurl;
}
this.searchModel = new SearchTree({
onComplete: function () {
self.loadSearchdata();
},
url: serachUrl,
treeType:this.treeType
})
},
loadSearchdata: function () {
var self = this;
$('#facebox #treeViewDiv').hide();
$('#facebox #searchResult').show();
var treeData = this.searchModel.toJSON().tree;
if (treeData.children.length < 1) {
$('#facebox #searchResult').hide();
$('#facebox #noSearchResult').show();
} else {
this.$('#facebox #searchResult').html('');
$('#facebox #searchResult').show();
$('#facebox #noSearchResult').hide();
_(treeData.children).each(function (obj, k) {
//work around for the bug PUB-270
if (self.treeType == constants.math)
obj.data = 'Mathematics Grade ' + obj.data;
obj.attr = {};
obj.attr.id = k + 10;
this.treeView = new Tree({
model: obj,
treeType: self.treeType
});
this.$('#facebox #searchResult').append(this.treeView.render().el);
setTimeout(function () {
$('a em').addClass('highlight');
}, 0);
});
constants.eventbus.trigger('hideCheckbox');
}
this.spinner.hide();
},
// method to hide seaarch result and show taxonomy tree
toggleView: function () {
$('#facebox #treeViewDiv').show();
$('#facebox #searchResult').hide();
$('#facebox #noSearchResult').hide();
$(this.keywordsDiv).empty();
if (this.keywords)
this.keywords.reset();
if (this.path)
delete this.path;
},
// DEPENDING ON THE STRAND/DOMAIN SELECTED SET SUBTOPIC
setSubtopic: function (domain) {
$('#subtopic_span' + this.id).text(domain);
},
//METHOD TO RENDER THE STANDARDS ON SELECTION
renderStandard:function(standard){
var self = this;
var standardView = new StandardView({
model: standard
});
standardView.on('deleteAddedNode', function () {
this.$el.remove();
self.standards.remove(this.model);
});
this.$("#facebox #addKeyWords_Inside").append(standardView.render().el);
}
});
return lookupView;
});
Raw
main
// Original concepts provided by Backbone Boilerplate project: https://github.com/tbranyen/backbone-boilerplate
require.config({
// baseUrl: "../js",
catchError: {
define: true
},
paths: {
// Libraries
jquery: "lib/jquery",
underscore: "lib/underscore.min",
backbone: "lib/backbone.min",
fixedHeader:"lib/jquery.fixheadertable.min",
text:"lib/text",
bootstrap:"lib/bootstrap.min",
jqueryui:"lib/jquery-ui.min" ,
debug:"lib/debug",
jquerylayoutlatest:"lib/jquery.layout.min",
facebox:"lib/facebox",
jqueryfacebookalert:"lib/jquery_facebook.alert",
jstree:"lib/jquery.jstree",
datejs:"lib/date.min",
constants:"utils/constants" ,
messages:"utils/messages",
mapping:"utils/xlJsonMapping",
ajaxform:"lib/jquery.form.min",
ellipsis:"lib/jquery.autoellipsis-1.0.10.min"
},
shim: {
underscore: {
exports: "_"
},
backbone: {
deps: ["underscore", "jquery"],
exports: "Backbone"
},
bootstrap:{
deps: ["jquery"],
exports: "bootstrap"
}
},
waitSeconds: 30
});
requirejs.onError = function (e) {
if (e.requireType === 'timeout') {
console.log(e);
} else {
throw e;
}
};
require([
'jquery',
'underscore',
'backbone',
'router'
],
function($, _, Backbone, Router) {
if ( ! window.console ) {
(function() {
var names = ["log", "debug", "info", "warn", "error",
"assert", "dir", "dirxml", "group", "groupEnd", "time",
"timeEnd", "count", "trace", "profile", "profileEnd"],
i, l = names.length;
window.console = {};
for ( i = 0; i < l; i++ ) {
window.console[ names[i] ] = function() {};
}
}());
}
//IE fix
if ($.browser.msie) {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, '');
}
}
$( document ).ajaxError(function(event, jqxhr, settings, exception) {
if(jqxhr.status==401){
javascript:logout();
}
});
var appRouter = new Router();
Backbone.View.prototype.goTo = function (loc) {
appRouter.navigate(loc, true);
};
Backbone.history.start();
//Backbone.history.start({pushState: true})
$.ui.autocomplete.prototype._renderItem = function( ul, item){
var term = this.term.split(' ').join('|');
var re = new RegExp("(" + term + ")", "gi") ;
var t = item.label.replace(re,"<strong>$1</strong>");
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + t + "</a>" )
.appendTo( ul );
};
});
Raw
standardCollection
define(
['underscore',
'backbone',
'models/standardModel'
],
function(
_ ,
Backbone ,
Standard ) {
var standards = Backbone.Collection.extend({
model: Standard,
initialize:function(){
console.log('init of collection standards');
}
});
return standards;
});
Raw
standardModel
define(
['jquery',
'underscore',
'backbone',
'constants'],
function(
$,
_,
Backbone,
constants) {
var standard = Backbone.Model.extend({
defaults:{
id:null,
name:'',
description:'',
type:'',
rating:''
}
});
return standard;
});
Raw
standardTemplate
<div id='addedNode'>
<span class='nodeText' title='<%=model.description %>'>
<%=model.name %>
</span>
<!-- <div> -->
<input type="radio" name="standardRating<%= model.id %>" id="rating3<%= model.id %>" >
<label class="rating-label" for="rating3<%= model.id %>">3</label>
<input type="radio" name="standardRating<%= model.id %>" id="rating2<%= model.id %>" >
<label class="rating-label"for="rating2<%= model.id %>">2</label>
<input type="radio" name="standardRating<%= model.id %>" id="rating1<%= model.id %>" >
<label class="rating-label" for="rating1<%= model.id %>">1</label>
<input type="radio" name="standardRating<%= model.id %>" id="rating0<%= model.id %>" >
<label class="rating-label" for="rating0<%= model.id %>">0</label>
<!-- </div> -->
<img id='close_node' class='keyword_imgClose' src='imgs/Buttons/closebtn.png' />
</div>
Raw
standardView
// VIEW FOR STANDARD ON THE CREATE DLA FORM AND ON LOOKUP
define([
'jquery',
'bootstrap',
'underscore',
'backbone',
'text!templates/createDLA/standard.html' ],
function(
$,
bootstrap,
_ ,
Backbone,
standardTemplate ) {
var DescriptionView = Backbone.View.extend({
tagName: "div",
className:"node",
template:_.template(standardTemplate),
initialize:function(options){
var self = this;
},
events:{
// 'mouseover #addedNode':'showDeleteIcon',
// 'mouseover .node':'showDeleteIcon',
'click #close_node':'deleteNode',
'click input[name^="standardRating"]':'rating'
// 'mouseout #addedNode':'hideDeleteIcon'
},
render: function() {
var model = this.model.toJSON();
this.$el.append(this.template( {model:model} ));
this.tooltip();
return this;
},
deleteNode:function(){
$('#btn_save').removeAttr('disabled');
$('#btn_save').removeClass('disabledSave');
this.trigger('deleteAddedNode',this);
},
showDeleteIcon:function(){
this.$('#close_node').show();
},
hideDeleteIcon:function(){
this.$('#close_node').hide();
},
//METHOD TO RATE THE STANDARD WHEN USER CLCIKS ON A RATING
rating:function(e){
var rating = this.$('input[name^="standardRating"]:checked').attr('value');
this.model.set('rating',rating);
},
//REGISTER A FUNCTION TO SHOW A TOOLTIP
tooltip:function(){
var self = this;
this.$el.popover({
html : true,
trigger:'hover',
title:self.model.get('name'),
placement:'top',
content: function() {
return self.$('.standard-tooltip').html();
}
});
}
});// end view
return DescriptionView;
});
Raw
tree
define(
[
'jquery',
'underscore',
'backbone',
'jqueryui',
'jquerylayoutlatest',
'constants',
'jstree'
],
function(
$,
_,
Backbone,
jqueryui,
jquerylayoutlatest,
constants,
jstree
) {
var Tree = Backbone.View.extend({
tagName: "div",
events: {},
initialize: function(options) {
this.model = options.model;
this.treeType = options.treeType;
_.bindAll(this, "filterGrade", "filterDomain");
if(options.vent) {
options.vent.bind("filterGrade", this.filterGrade);
options.vent.bind("filterDomain", this.filterDomain);
}
// event from lookup view,to hide cluster level checkbox
constants.eventbus.on('hideCheckbox', this.hideCheckboxes, this);
},
filterGrade: function(data) {
if (data.treeType == 'MATH') {
var id;
$(".jstree-default").hide();
for(var i = data.minGrade; i <= data.maxGrade; i++) {
if(i === 0) {
id = $("li[description=K]").attr('id');
$("#_" + id).show();
}
else {
id = $("li[description=" + i + "]").attr('id');
$("#_" + id).show();
}
}
}
else {
// $("li[description=GRADES]").hide();
$("li[description=K]").show();
for(var j = 0; j <= 12; j++) {
$("li[description=" + j + "]").show();
if(j < data.minGrade || j > data.maxGrade) {
if(j === 0) $("li[description=K]").hide();
else $("li[description=" + j + "]").hide();
}
}
// for(var i=data.minGrade; i<=data.maxGrade; i++ ){
// if(i==0)
// $("li[description=K]").show();
// else
// $("li[description="+i+"]").show();
// }
}
// this.$el.jstree('search',data.minGrade );
// $("div.jstree li").hide();
//$("div.jstree li a[class=jstree-search]").parents("div.jstree li").show();
// this.enableSubtree($(".jstree-search"))
},
filterDomain: function(domain) {
if(domain == 'All') {
$("div.jstree li").show();
} else {
this.$el.jstree('search', domain);
$("div.jstree li").hide();
$("div.jstree li a[class=jstree-search]").parents("div.jstree li").show();
$("div.jstree li a[class=jstree-search]").parent().find('li').each(function() {
$(this).show();
});
}
},
keywordSearch: function(keywords) {
var self = this;
$.each(keywords, function(index, value) {
self.$el.jstree('search', keywords[index]);
});
$("div.jstree li a[class=jstree-search]").addClass('keyword-search');
},
enableSubtree: function(elem) {
elem.siblings("ul:first").find("li").show();
return this.correctNode(elem.siblings("ul:first"));
},
correctNode: function(elem) {
var child, children, last, _j, _len1, _results;
last = elem.children("li").eq(-1);
last.addClass("jstree-last");
children = elem.children("li");
_results = [];
for(_j = 0, _len1 = children.length; _j < _len1; _j++) {
child = children[_j];
_results.push(this.correctNode($(child).children("ul:first")));
}
return _results;
},
render: function() {
if(this.model.attr && this.model.attr.id) {
var treeId = this.model.attr.id;
this.treeId = treeId;
this.$el.attr('id', "_" + treeId);
}
var self = this;
this.$el.jstree({
"core": {
"html_titles": true
},
"plugins": ["themes", "json_data","checkbox","ui", "search", "adv_search"],
"checkbox": {
override_ui:true,
real_checkboxes: true,
two_state: true
},
"json_data": {
"data": [this.model],
"ajax": {
"type": 'GET',
"url": function(node) {
self.isParentChecked = node.hasClass('jstree-checked');
var nodeId = node.attr('id'); //id="kit1"
var taxonomyId = node.attr('taxonomyid');
return constants.getTaxonomy + taxonomyId + '/nodes/' + nodeId;
},
"success": function(data) {
_(data.response['taxonomy-node-list']).each(function(obj) {
obj.attr = {};
obj.attr.id = obj.id;
obj.attr.name = obj.data;
obj.attr.description = obj.description;
obj.attr.taxonomyId = obj['taxonomy-id'];
obj.attr.parentNodeId = obj['parent-node-id'];
$.each(obj.children,function(i,obj){
obj.state = 'closed';
obj.attr = {};
obj.attr.id = obj.id;
obj.attr.name = obj.data;
obj.attr.description = obj.description;
obj.attr.taxonomyId = obj['taxonomy-id'];
obj.attr.parentNodeId = obj['parent-node-id'];
if(obj['is-leaf-node'] === true) {
delete obj.state;
obj.data = obj.data + '<br>' + "<div class='node_Description'>" + obj.attr.description + "</div>";
}
});
});
// self.hideCheckboxes();
return data.response['taxonomy-node-list'];
}
},
"search": {
"show_only_matches": true
}
// "core" : {"html_titles" : true},
//"plugins" : [ "themes", "json_data" ],
}
}).bind("loaded.jstree", function(event, data) {
// To hide root nodes text
// $("a:contains('Root')").css("visibility","hidden")
// Need to find other way to hide rootNodeName Any1 knows ?
// To hide - icon
$("li#" + treeId + " .jstree-icon").first().hide();
// $(".jstree-last .jstree-icon").first().hide();
// to hide check
$("li#" + treeId + " .jstree-checkbox").first().hide();
$("div.jstree li#"+treeId+" > a").addClass('root_node');
//if tree == ela, hiding grades checkbox
if(self.treeType==constants.ela){
$("li#" + treeId ).find('ins.jstree-checkbox').hide();
$("li#" + treeId +' a').addClass('cluster');
}
}).bind("check_node.jstree", function(event, data) {
//WHEN U CHECK PARENT, CHECK ALL ITS CHOLDREN
$(data.rslt.obj).find("li").each( function( idx, listItem ) {
var child = $(listItem); // child object
if( !child.hasClass('jstree-leaf') )
child.removeClass('jstree-unchecked').addClass('jstree-checked');
});
console.log("have trigger");
self.trigger('standardSelection');
}).bind("uncheck_node.jstree", function(event, data) {
//WHEN U UNCHECK THE CLUSTUR, UNCHECK THE DOMAN
var obj = $(data.rslt.obj)
obj.find("li").each( function( idx, listItem ) {
var child = $(listItem); // child object
child.removeClass('jstree-checked').addClass('jstree-unchecked');
});
if(!obj.hasClass('jstree-leaf') || obj.attr('node_type')=='CLUSTER'){
obj.parents("li .jstree-checked").removeClass('jstree-checked').addClass('jstree-unchecked');
}
}).bind("open_node.jstree", function(event, data) {
//IF PARENT IS SELECTED, ON OPENING IT CHECK THE CHILDREN WHICH ARE COMING FROM AJAX LOAD
var obj = $(data.rslt.obj)
if(self.isParentChecked){
obj.find("li").each( function( idx, listItem ) {
var child = $(listItem); // child object
if( !child.hasClass('jstree-leaf') )
child.removeClass('jstree-unchecked').addClass('jstree-checked');
});
}else {
if(obj.hasClass('jstree-checked') && obj.hasClass('jstree-unchecked')){
obj.removeClass('jstree-checked');
}
obj.find("li").each( function( idx, listItem ) {
var child = $(listItem); // child object
if(child.hasClass('jstree-checked') && child.hasClass('jstree-unchecked')){
child.removeClass('jstree-checked');
}
});
}
self.isParentChecked = false;
//TO MAKE ONLY STANDARDS SELECTABLE IN ELA
if(self.treeType !='MATH'){
$("li ul > li" ).find('ul > li').find('ins.jstree-checkbox').hide();
$("li ul > li" ).find('ul > li > a').addClass('cluster');
$('ul > li.jstree-leaf').find('ins.jstree-checkbox').show();
$('ul > li.jstree-leaf > a').removeClass('cluster');
var ulTag=$('.root_node').nextElementSibling;
$(ulTag +'>li').find('ins.jstree-checkbox').hide();
}
});
return this;
},
hideCheckboxes:function(){
if(this.treeType !='MATH'){
var self = this;
setTimeout(function(){
$("li ul > li" ).find('ul > li').find('ins.jstree-checkbox').hide();
$("li ul > li" ).find('ul > li > a').addClass('cluster');
$('ul > li.jstree-leaf').find('ins.jstree-checkbox').show();
$('ul > li.jstree-leaf > a').removeClass('cluster');
var ulTag=$('.root_node').nextElementSibling;
$(ulTag +'>li').find('ins.jstree-checkbox').hide();
},0);
}
}
}); // end view
return Tree;
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment