forked from cassproject/cass-editor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
887 lines (884 loc) · 108 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
<!DOCTYPE html>
<html id="cassImport" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>CASS Editor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/cass-editor.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js" integrity="sha256-DELCOgoVsZqjT78lDC7zcX+YFp+PEjh1k23mBMoDBwo=" crossorigin="anonymous"></script>
<script async src="js/cass/cass-editor.js"></script>
</head>
<body id="cassControl">
<div id="importSection" class="page absentForConcepts" style="display: none;overflow-y:scroll;">
<div style="padding: 1rem;">
<h2 id="title">
<span onclick='backPage();' style="float:left;margin-right: 0.5rem;"><i class="fa fa-arrow-circle-left" > </i></span> Import a file.
</h2>
<p>Importing a framework creates a copy of the framework you provided. You will be in control of the new framework.</p>
<h3>Types of files allowed:</h3>
<div class="flow">
<div class="panel">
<center>
<h4>CaSS formatted CSV</h4>
</center>
<p style="text-align:justify">For this import, you can use one or two CSVs. The first (required) CSV describes the competencies to include in a new framework. The second (optional) CSV describes the relations between the competencies found in the first framework.</p>
<p style="text-align:justify">Each row in the first CSV will represent one competency, and each row in the second CSV will represent one relation between two competencies. The relations can be between competencies found in the first CSV, competencies found in other frameworks, or a mixture of the two.</p>
<p style="text-align:justify">You can select the columns to use to describe the id, name, description, and other fields.</p>
<button style="font-size:x-small" onclick='$.ajax({url: "files/CAP Software Engineering - Competencies.csv",success: function (data) {download("CAP Software Engineering - Competencies.csv", data);}});$.ajax({url: "files/CAP Software Engineering - Relations.csv",success: function (data) {download("CAP Software Engineering - Relations.csv", data);}});'>Download CSV Sample</button><button style="font-size:x-small" onclick='$.ajax({url: "files/Template - Competencies.csv",success: function (data) {download("Template - Competencies.csv", data);}});$.ajax({url: "files/Template - Relations.csv",success: function (data) {download("Template - Relations.csv", data);}});'>Download CSV Template</button>
</div>
<div class="panel">
<center>
<h4>CTDL-ASN formatted CSV</h4>
</center>
<p style="text-align:justify">For this import, you use one CSV. Each row in the CSV will represent one object, whether that be a competency, or a competency framework. Particular fields will be used to determine hierarchy.</p>
<p style="text-align:justify">Using this format, you can import several frameworks, each with their own competencies. Competencies may not be shared across frameworks, and each competency may only have one parent.</p>
<p style="text-align:justify">It is also important that the rows be sequenced correctly, with competency frameworks appearing before the competencies inside of them, and for a parent to be in a row above a child of that parent.</p>
<button style="font-size:x-small" onclick='$.ajax({url: "files/CTDL-ASN.ONET.example.csv",success: function (data) {download("CTDL-ASN.ONET.example.csv", data);}});'>Download CSV Sample</button><button style="font-size:x-small" onclick='$.ajax({url: "files/CTDL-ASN.ONET.template.csv",success: function (data) {download("CTDL-ASN.ONET.template.csv", data);}});'>Download CSV Template</button>
</div>
<div class="panel">
<center>
<h4>Medbiquitous XML</h4>
</center>
<p style="text-align:justify">Medbiquitous is a standards body that includes medical competencies as one of their XML based formats.</p>
<p style="text-align:justify">Using this format, you can import competencies exported from a system that exports Medbiquitous formatted XML.</p>
<button style="font-size:x-small" onclick='$.ajax({url: "files/educational_achievement_sample_1June2012.xml",success: function (data) {var oSerializer = new XMLSerializer();download("educational_achievement_sample_1June2012.xml", oSerializer.serializeToString(data));}});'>Download XML Sample</button>
</div>
<div class="panel">
<center>
<h4>Achievement Standards Network RDF+JSON</h4>
</center>
<p style="text-align:justify">The Achievement Standards Network set of standards, or ASN standard for short, is a legacy standard used primarily by <a href="http://www.achievementstandards.org/">achievementstandards.org</a> to transmit state standards and other national and organizational standards</p>
<p style="text-align:justify">Using this format, you can import competencies exported from achievementstandards.org and other systems in an RDF JSON format.</p>
<button style="font-size:x-small" onclick='$.ajax({url: "files/D2695955.json",success: function (data) {download("D2695955.json", JSON.stringify(data,null,2));}});'>Download JSON Sample</button>
</div>
</div>
</div>
<div id="importFileForm" style="min-height:5rem; display: flex; align-items: center; border: 2px dashed black; margin-left: 1rem;margin-right: 1rem;">
<center style="width:100%">
<input type="file" name="files[]" id="file" data-multiple-caption="{count} files selected" multiple hidden/>
<label for="file" style="">To import from a file, drag and drop a file here
<br> or
<button href="#" onClick="$(this).parent().click()">Browse...</button>
</label>
</center>
</div>
<hr>
<div id="importUrlForm" style="margin:1rem;">
<h2 id="title">
Import from a remote server.
</h2>
<p>You can also import frameworks from a remote server. You may or may not be in control of the new framework.</p>
<h3>Server types:</h3>
<div class="flow">
<div class="panel" style="display:none;">
<center>
<h4>CaSS Repositories</h4>
</center>
<p style="text-align:justify">If you know the URL endpoint of a CaSS Repository, you can copy frameworks directly from that repository.</p>
<p style="text-align:justify">No data will be modified in the transfer of these frameworks. That means that security and other features of the data will be retained.</p>
<p style="text-align:justify">After entering the endpoint below, you can select which frameworks you would like to copy. All data in those frameworks will be copied.</p>
<button style="font-size:x-small">Example: Connect to Sandbox</button>
</div>
<div class="panel">
<center>
<h4>IMS CASE Repositories</h4>
</center>
<p style="text-align:justify">If you know the URL of a IMS CASE Repository, such as OpenSalt, you can import published frameworks from that repository.</p>
<p style="text-align:justify">This import maintains the URLs of the CASE frameworks and changes both the format and schema used to store the CASE frameworks in CaSS, but does not change any of the data.</p>
<p style="text-align:justify">After entering the endpoint below, you can select which frameworks you would like to import.</p>
<button style="font-size:x-small" onclick="$('#urlEndpoint').val('https://opensalt.net');">Example: Connect to OpenSalt.net</button>
</div>
</div>
<input type="text" name="urlEndpoint" id="urlEndpoint" style="width:calc(100% - 2rem);" placeholder="https://case.yourorganization.com" />
<br><small id="urlEndpointSuccess" style="display:none;" class="greenButton">Success text.</small> <small id="urlEndpointError" style="display:none;" class="redButton">Error text.</small>
<br><button id="urlEndpointButton">Connect</button>
</div>
</div>
<div id="ctdlasncsvImportSection" class="page absentForConcepts" style="display:none;margin-left: 1rem;">
<h3 id="csvImportHeader">Import CTDL-ASN CSV</h3>
<i>This will import a CTDL-ASN formatted CSV.</i>
<hr>
<div id="buttonSection">
<div>
<div style="float:left;">
<button id="importButton" onclick="importCtdlAsnCsv();">Import</button>
<button id="cancelButton" onclick="backPage();">Cancel</button>
</div>
</div>
</div>
</div>
<div id="csvImportSection" class="page absentForConcepts" style="display:none;margin-left: 1rem;overflow-y:scroll;">
<h3 id="csvImportHeader">Import CSV</h3>
<i>This will import a CSV. (with headers as the first row, please!)</i>
<hr>
<div id="importCsvTable" style="width: calc(100% - 2rem); position: relative; padding-left: 1rem;
padding-right: 1rem; display: table; border-collapse: separate;margin:0rem;border-spacing: 0px 10px;">
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 1: Name the framework.</label>
<input id="importCsvFrameworkName" placeholder="Name the Framework." style="display: table-cell; width: 75%;" />
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 2: Describe the framework (optional).</label>
<textarea style="display: table-cell; width: 75%;" id="importCsvFrameworkDescription" placeholder="Describe the framework."></textarea>
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 3: Select the Name column.</label>
<select style="display: table-cell; width: 75%;" id="importCsvColumnName"></select>
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 4: Select the Description column (optional).</label>
<select style="display: table-cell; width: 75%;" id="importCsvColumnDescription"></select>
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 5 Select the Scope column (optional).</label>
<select style="display: table-cell; width: 75%;" id="importCsvColumnScope"></select>
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 6: Select the ID column (optional). If chosen, this should be a URL from another CASS system or a non-numeric ID.</label>
<select style="display: table-cell; width: 75%;" id="importCsvColumnId"></select>
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 7: Select a relation file (optional). The relation source/target must be in the form of ID or Name, and the relation types should be "requires", "desires", "narrows", "isEnabledBy", "isRelatedTo", or "isEquivalentTo".</label>
<input style="display: table-cell; width: 75%;" type="file" id="importCsvRelation" onchange="analyzeCsvRelation();" />
</div>
<div class="trow importCsvRelationOptions" style="display:none;">
<label class="importCsvRelationOptions" style="display: table-cell; width: 25%;">Step 8: Select the Source column.</label>
<select style="display: table-cell; width: 75%;" class="importCsvRelationOptions" style="display:none" id="importCsvColumnSource"></select>
</div>
<div class="trow importCsvRelationOptions" style="display:none;">
<label class="importCsvRelationOptions" style="display: table-cell; width: 25%;">Step 9: Select the Relation Type column.</label>
<select style="display: table-cell; width: 75%;" class="importCsvRelationOptions" style="display:none" id="importCsvColumnRelationType"></select>
</div>
<div class="trow importCsvRelationOptions" style="display:none;">
<label class="importCsvRelationOptions" style="display: table-cell; width: 25%;">Step 10: Select the Target column.</label>
<select style="display: table-cell; width: 75%;" class="importCsvRelationOptions" style="display:none" id="importCsvColumnTarget"></select>
</div>
</div>
<hr>
<div id="buttonSection">
<div>
<div style="float:left;">
<button id="importButton" onclick="importCsv();">Import</button>
<button id="cancelButton" onclick="backPage();">Cancel</button>
</div>
</div>
</div>
</div>
<div id="asnImportSection" class="page" style="display:none;margin-left: 1rem;">
<h3 id="asnImportHeader">Import ASN</h3>
<i>This will import an ASN file.</i>
<hr>
<p id="importAsnFrameworks"></p>
<p id="importAsnCompetencies"></p>
<hr>
<div id="buttonSection">
<div>
<div style="float:left;">
<button id="importButton" onclick="importAsn();">Import</button>
<button id="cancelButton" onclick="backPage();">Cancel</button>
</div>
</div>
</div>
</div>
<div id="caseImportSection" class="page" style="display:none;margin-left: 1rem;">
<h3 id="caseImportHeader">Import from IMS CASE endpoint</h3>
<i>This will import selected frameworks from an IMS CASE server such as OpenSALT.</i>
<hr>
<ul id="caseImportList">
<li class="caseImportTemplate unfinished">
<input type="checkbox">
<i class="loading fa fa-circle-o-notch fa-spin" style="display:none;"> </i>
<i class="success fa fa-check" style="display:none;"> </i>
<i class="error fa fa-exclamation-triangle" style="display:none;"> </i>
<span class="caseImportTitle"> </span>
</li>
</ul>
<hr>
<div id="buttonSection">
<div>
<div style="float:left;">
<button id="importButton" onclick="importCase();">Import</button>
<button id="cancelButton" onclick='$(".caseImportTemplate.unfinished").removeClass("unfinished");importCaseCancel();backPage();'>Back</button>
</div>
</div>
</div>
</div>
<div id="medbiqImportSection" class="page" style="display:none;margin-left: 1rem;">
<h3 id="medbiqImportHeader">Import Medbiquitous</h3>
<i>This will import an Medbiquitous file.</i>
<hr>
<div style="width: calc(100% - 2rem); position: relative; padding-left: 1rem;
padding-right: 1rem; display: table; border-collapse: separate;margin:0rem;border-spacing: 0px 10px;">
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 1: Name the framework.</label>
<input id="importMedbiqFrameworkName" placeholder="Name the Framework." style="display: table-cell; width: 75%;" />
</div>
<div class="trow">
<label style="display: table-cell; width: 25%;">Step 2: Describe the framework (optional).</label>
<textarea style="display: table-cell; width: 75%;" id="importMedbiqFrameworkDescription" placeholder="Describe the framework."></textarea>
</div>
</div>
<p id="importMedbiqCompetencies"></p>
<hr>
<div id="buttonSection">
<div>
<div style="float:left;">
<button id="importButton" onclick="importMedbiq();">Import</button>
<button id="cancelButton" onclick="backPage();">Cancel</button>
</div>
</div>
</div>
</div>
<div id="frameworksSection" class="page" style="display: none;">
<div id="header">
<button id="createNewButton" style="float: right;" status="select" onclick='createFramework();'><i class="fa fa-plus"></i></button>
<button id="importButton" class="absentForConcepts" style="float: right;" id="importButton" onclick='showPage("#importSection");'><i class="fa fa-upload"></i></button>
<button id="frameworksHelpButton" style="float:right;" onclick='tourSkipAhead=false;startTour();' title="Restarts the tutorial."><i class="fa fa-question"></i></button>
<span id="frameworksBack" onclick='parent.postMessage({message: "back"}, queryParams.origin);' style="float:left;display:none;"><i class="fa fa-arrow-circle-left" style="font-size:32px;color:black" > </i></span>
<input type="text" id="search" placeholder="Search...">
<button id="resetSearchButton" onclick="resetSearch();" style="">×</button>
</div>
<center id="frameworks"></center>
<a href="#" onclick="searchFrameworks(createParamObj(100));return false;">Load 100...</a> | <a href="#" onclick="searchFrameworks(createParamObj(1000));return false;">Load 1000...</a> |
<a href="#" onclick="searchFrameworks(createParamObj(5000));return false;">Load all...</a>
</div>
<div id="editFrameworkSection" class="page pageWithSidebar" style="height:100%;display: none;">
<div id="split-bar">
<span class="arrow-left"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="arrow-right"></span>
</div>
<div id="detailSlider" class="sidebar" style="display: none;">
<div class="sidebarToolbar">
<button id="sidebarDelete" class="editMode redButton editControl" style="float:right;" onclick="deleteCompetency();"><i class="fa fa-trash" title="Delete from all frameworks."></i></button>
<button id="sidebarUnlink" class="editMode editControl" style="float:right;" onclick="unlinkCompetency();" title="Remove (but do not delete)."><i class="fa fa-minus"></i></button>
<button id="sidebarCancel" class="editMode editControl" onclick="if (isFirstEdit) showConfirmDialog(function(confirmed) {if (confirmed) {deleteCompetency();isFirstEdit = false;refreshSidebar();}hideConfirmDialog();}, 'Canceling will delete all changes without saving. Are you sure you want to delete without saving?', 'Continue editing', 'Delete without saving'); else refreshSidebar();" title="Cancel Edit."><i class="fa fa-times"></i></button>
<button id="sidebarSave" class="editMode greenButton editControl" onclick="saveCompetency();" title="Save."><i class="fa fa-check"></i></button>
<button id="sidebarAddAnother" class="editMode turquoiseButton editControl competencyOnly" onclick="saveCompetency('true');" title="Save and Add Another."><i class="fa fa-check" style="position: relative;"><i class="fa fa-plus" style="font-size: 0.5em;position: absolute;bottom: 10%;left: 1.5em;"></i></i></button>
<button id="sidebarSearchCompetencies" class="viewMode ownerRequired blueButton editControl absentForConcepts" onclick="$('#sidebarAddCompetencies').attr('value', 'search');addCompetency();" title="Attach subitems from other sources to the selected item."><i class="fa fa-search-plus"></i></button>
<button id="sidebarAddCompetencies" class="viewMode ownerRequired blueButton editControl" onclick="$('#sidebarAddCompetencies').attr('value', 'new');addCompetency();" title="Add a new subitem to the selected item."><i class="fa fa-plus"></i></button>
<select id="sidebarAddLevels" class="absentForConcepts viewMode editControl absentForCeasn frameworkEditControl" onclick="addLevel();$(this).children().first().prop('selected', true);">
<option style="display:none;" disabled selected>Add Levels</option>
<option class="" value="search">Search...</option>
<option value="new">New</option>
</select>
<select id="sidebarVersion" class="viewMode editControl absentForConcepts absentForCeasn frameworkEditControl" onclick="setCompetencyConfigurationManagement();">
<option selected value="noVersion">Shared: Updates automatically.</option>
<option value="version">Manual update only.</option>
</select>
<button id="sidebarEdit" class="viewMode blueButton editControl competencyEditControl" style="float:right;" onclick="editSidebar();" title="Edit."><i class="fa fa-edit"></i></button>
<button id="sidebarRemove" class="viewMode redButton editControl absentForConcepts frameworkEditControl" style="float:right;" onclick="removeCompetency();" title="Remove (but do not delete)."><i class="fa fa-minus"></i></button>
<button id="sidebarMoveUp" class="viewMode editControl absentForConcepts frameworkEditControl" onclick="moveUp();" title="Move Up in hierarchy. Shortcut: Shift+Up"><i class="fa fa-arrow-up"></i></button>
<button id="sidebarMoveDown" class="viewMode editControl absentForConcepts frameworkEditControl" onclick="moveDown();" title="Move Down in hierarchy. Shortcut: Shift+Down"><i class="fa fa-arrow-down"></i></button>
<select id="sidebarExport" class="viewMode" onchange="exportSelected();$(this).children().first().prop('selected', true);">
<option style="display:none;" disabled selected>Download or view in...</option>
<option disabled>Schema (Format)</option>
<option class="absentForConcepts frameworkOnly" value="asn">Achievement Standards Network (JSON)</option>
<option class="" value="cass">CASS (JSON-LD)</option>
<option class="" value="cassn4">CASS (RDF Quads)</option>
<option class="" value="cassrdfjson">CASS (RDF+JSON)</option>
<option class="" value="cassrdfxml">CASS (RDF+XML)</option>
<option class="" value="cassturtle">CASS (Turtle)</option>
<option class="absentForConcepts frameworkOnly" value="ceasn">Credential Engine ASN (JSON-LD)</option>
<option class="absentForConcepts frameworkOnly" value="csv">Table (CSV)</option>
<option class="absentForConcepts" value="case">IMS Global CASE (JSON)</option>
</select>
<hr style="margin:0px;padding:0px;margin-top: 0.3rem">
<small id="sidebarFeedback" class="editControl"></small>
</div>
<div class="sidebarInner">
<table style="border:0px; margin-top: 3rem;" width="100%">
<tr style="vertical-align: top;min-width:50%;max-width:100%">
<td>
<h2 onclick="toggleDiv('recordKeysChevron', 'recordKeys');" class="editMode viewMode" style="margin-bottom:0px;cursor: pointer;">Keys <i class="fa fa-chevron-up" id="recordKeysChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode" style="margin-top:0px;">
<div id="recordKeys" class="recordKeys sidebarAccordion exempt">
<!-- URL -->
<div>
<label id="sidebarURLLabel" for="sidebarURL" title="" cassCompetency="Competency URL:" cassCompetencyTitle="The URL of the competency." cassFrameworkTitle="The URL of the framework." ceasnCompetencyTitle="The URL of the competency." ceasnFrameworkTitle="The URL of the framework." skosCompetencyTitle="The URL of the concept." skosFrameworkTitle="The URL of the concept scheme." cassFramework="Framework URL:" ceasnCompetency="Competency URL:" ceasnFramework="Framework URL:" skosCompetency="Concept URL:" skosFramework="Concept Scheme URL:" class="viewMode editMode">URL:</label>
<div class="viewMode editMode">
<div style="margin-top: 0;" class="sidebarPropertyLink">
<div><button title='Copy URL to the clipboard.' onclick='copyToClipboard(event);'><i class='fa fa-clipboard'></i></button></div><a target="_blank" href="#" id="sidebarURL" class="viewMode editMode">URL</a></div>
</div>
</div>
<div>
<label id="sidebarCTIDLabel" for="sidebarCTID" title="" cassCompetency="CTID:" cassCompetencyTitle="The CTID of the competency." cassFramework="CTID:" cassFrameworkTitle="The CTID of the framework." ceasnCompetency="CTID:" ceasnCompetencyTitle="The CTID of the competency." ceasnFramework="CTID:" ceasnFrameworkTitle="The CTID of the framework." skosCompetency="CTID:" skosCompetencyTitle="The CTID of the concept." skosFramework="CTID:" skosFrameworkTitle="The CTID of the concept scheme." class="viewMode editMode">CTID:</label>
<div style="word-break: break-all;" class="viewMode editMode">
<div style="margin-top: 0;" class="sidebarPropertyLink">
<div>
<button title='Copy URL to the clipboard.' onclick='copyToClipboard(event);'>
<i class='fa fa-clipboard'></i>
</button>
</div>
<a style="text-decoration: none;color: black;cursor: default;pointer-events: none;" target="_blank" href="#" id="sidebarCTID" class="viewMode editMode">CTID</a>
</div>
</div>
</div>
</div>
<h2 class="editMode viewMode" style="margin-bottom:0px;">General</h2>
<hr class="editMode viewMode" style="margin-top:0px;">
<div class="sidebarEditSection">
<!-- General Properties -->
<!-- Name -->
<label id="sidebarNameInputLabel" for="sidebarNameInput" title="" cassCompetency="Competency Name:" cassCompetencyTitle="The name of the competency." cassFramework="Framework Name:" cassFrameworkTitle="The name of the framework." ceasnCompetency="Competency Text:" ceasnCompetencyTitle="The text of the competency." ceasnFramework="Name:" ceasnFrameworkTitle="The name or title of this competency framework." skosCompetency="Preferred Label:" skosCompetencyTitle="Preferred display label for this concept." skosFramework="Title:" skosFrameworkTitle="Preferred display label for this scheme." class="editMode" style="margin: 0px;">Name:</label>
<h3 id="sidebarName" class="viewMode sidebarViewList">Framework Name Here</h3>
<textarea id="sidebarNameInput" cassCompetency="name" cassFramework="name" ceasnCompetency="ceasn:competencyText" ceasnFramework="ceasn:name" skosCompetency="skos:prefLabel" skosFramework="dcterms:title" class="editMode editControl sidebarNameInput" data-group="sidebarNameInput" value="Framework Name Here"></textarea>
<!-- Description (Concepts)-->
<label id="sidebarDescriptionInputLabel" for="sidebarDescriptionInput" title="" skosCompetency="Concept Definition:" skosCompetencyTitle="Definition of this concept." skosFramework="Description:" skosFrameworkTitle="Definition of this scheme." class="editMode absentForCompetencies" style="margin: 0px;">Description:</label>
<p id="sidebarDescription" class="viewMode sidebarViewList absentForCompetencies">This is a super long description, it describes the things worth describing.</p>
<textarea id="sidebarDescriptionInput" skosCompetency="skos:definition" skosFramework="dcterms:description" data-group="sidebarDescriptionInput" class="editMode editControl sidebarDescriptionInput absentForCompetencies" style="height:6rem;">This is a super long description, it describes the things worth describing.</textarea>
<!-- Framework Description -->
<label id="sidebarFrameworkDescriptionInputLabel" for="sidebarFrameworkDescriptionInput" title="" cassFrameworkTitle="The description of the framework." ceasnFramework="Description:" ceasnFrameworkTitle="A short description of this competency or competency framework." class="editMode absentForConcepts frameworkOnly" style="margin: 0px;">Description:</label>
<p id="sidebarFrameworkDescription" class="viewMode sidebarViewList frameworkOnly absentForConcepts">This is a super long description, it describes the things worth describing.</p>
<textarea id="sidebarFrameworkDescriptionInput" cassFramework="description" ceasnFramework="ceasn:description" data-group="sidebarFrameworkDescriptionInput" class="editMode editControl sidebarFrameworkDescriptionInput absentForConcepts frameworkOnly" style="height:6rem;">This is a super long description, it describes the things worth describing.</textarea>
<!-- Competency Description (Repeat) -->
<label id="sidebarCompetencyDescriptionInputLabel" for="sidebarCompetencyDescriptionInput" title="" cassCompetency="Description:" cassCompetencyTitle="The description of the competency." ceasnCompetency="Comment:" ceasnCompetencyTitle="Supplemental text provided by the promulgating body that clarifies the nature, scope or use of this competency." class="editMode absentForConcepts competencyOnly" style="margin: 0px;">Description:</label>
<p id="sidebarCompetencyDescription" class="viewMode sidebarViewList absentForConcepts competencyOnly">This is a super long description, it describes the things worth describing.</p>
<textarea id="sidebarCompetencyDescriptionInput" cassCompetency="description" ceasnCompetency="ceasn:comment" skosCompetency="skos:definition" plural="true" data-group="sidebarCompetencyDescriptionInput" class="editMode editControl sidebarCompetencyDescriptionInput absentForConcepts competencyOnly" style="height:6rem;">This is a super long description, it describes the things worth describing.</textarea>
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addCompetencyDescriptionInput" data-target="sidebarCompetencyDescriptionInput" class="editMode editControl addInputButton absentForConcepts competencyOnly"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Concept Scheme Creator -->
<label id="sidebarConceptCreatorInputLabel" for="sidebarConceptCreator" title="" skosFramework="Creator:" class="viewMode editMode absentForCompetencies frameworkOnly" skosFrameworkTitle="An entity primarily responsible for making the resource. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." style="margin:0px;">Creator:</label>
<p id="sidebarConceptCreator" class="viewMode absentForCompetencies frameworkOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarConceptCreatorInput" type="url" skosFramework="dcterms:creator" data-group="sidebarConceptCreatorInput" plural="true" class="editMode editControl absentForCompetencies frameworkOnly sidebarConceptCreatorInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addConceptCreatorInput" data-target="sidebarConceptCreatorInput" class="editMode editControl addInputButton frameworkOnly absentForCompetencies"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarConceptCreatorInputSpan" class="orangeUri">Note: URI only. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- Concept Scheme Publisher -->
<label id="sidebarConceptPublisherInputLabel" for="sidebarConceptPublisher" title="" skosFramework="Publisher:" skosFrameworkTitle="A URI to an entity responsible for making this scheme available. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." class="viewMode editMode absentForCompetencies frameworkOnly" style="margin:0px;">Publisher:</label>
<p id="sidebarConceptPublisher" class="viewMode absentForCompetencies frameworkOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarConceptPublisherInput" skosFramework="dcterms:publisher" data-group="sidebarConceptPublisherInput" type="url" class="editMode editControl absentForCompetencies frameworkOnly sidebarConceptPublisherInput" />
<span id="sidebarConceptPublisherInputSpan" class="orangeUri">Note: URI only. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- Concept Scheme Publisher Name -->
<label id="sidebarConceptPublisherNameInputLabel" for="sidebarConceptPublisherName" title="" skosFramework="Publisher Name:" skosFrameworkTitle="Name of the agent responsible for making this entity available. One name per line." class="viewMode editMode absentForCompetencies frameworkOnly" style="margin:0px;">Publisher Name:</label>
<p id="sidebarConceptPublisherName" class="viewMode absentForCompetencies frameworkOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarConceptPublisherNameInput" skosFramework="ceasn:publisherName" data-group="sidebarConceptPublisherNameInput" class="editMode editControl absentForCompetencies frameworkOnly sidebarConceptPublisherNameInput" />
<!-- Concept Scheme Language -->
<label id="sidebarConceptInLanguageInputLabel" for="sidebarConceptInLanguage" title="" skosFramework="Language:" skosFrameworkTitle="Language of the scheme. One language per line." class="viewMode editMode absentForCompetencies frameworkOnly" style="margin:0px;">In Language:</label>
<p id="sidebarConceptInLanguage" class="viewMode absentForCompetencies frameworkOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarConceptInLanguageInput" skosFramework="dcterms:language" data-group="sidebarConceptInLanguageInput" class="editMode editControl absentForCompetencies frameworkOnly sidebarConceptInLanguageInput" />
<!-- Coded Notation -->
<label id="sidebarCodedNotationInputLabel" for="sidebarCodedNotation" title="" cassCompetency="Notation:" cassCompetencyTitle="An alphanumeric notation or ID code as defined by the promulgating body to identify this competency. One code per line." skosCompetency="Notation:" skosCompetencyTitle="An alphanumeric notation or ID code as defined by the promulgating body to identify this concept. One code per line." class="viewMode editMode absentForCompetencies competencyOnly" style="margin:0px;">Notation:</label>
<p id="sidebarCodedNotation" class="viewMode competencyOnly absentForCompetencies sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarCodedNotationInput" cassCompetency="skos:notation" skosCompetency="skos:notation" data-group="sidebarCodedNotationInput" class="editMode editControl absentForCompetencies competencyOnly sidebarCodedNotationInput" />
<!-- Concept Other Section -->
<h2 class="editMode absentForCompetencies competencyOnly" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('conceptOtherChevron', 'conceptOther');">Other Labels <i class="fa fa-chevron-up" id="conceptOtherChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForCompetencies competencyOnly" style="margin-top:0px;">
<div class="sidebarAccordion absentForCompetencies" id="conceptOther">
<!-- Alternative Name -->
<label id="sidebarAlternativeNameInputLabel" for="sidebarAlternativeName" title="" cassCompetency="Alternative Name:" cassCompetencyTitle="An alternative name for this competency. One name per line." skosCompetency="Alternative Label:" skosCompetencyTitle="An alternative name for this concept. One name per line." class="viewMode editMode competencyOnly" style="margin:0px;">Alternative Name:</label>
<p id="sidebarAlternativeName" class="viewMode competencyOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarAlternativeNameInput" cassCompetency="schema:alternateName" skosCompetency="skos:altLabel" data-group="sidebarAlternativeNameInput" plural="true" class="editMode editControl competencyOnly sidebarAlternativeNameInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addAlternativeNameInput" data-target="sidebarAlternativeNameInput" class="editMode editControl addInputButton competencyOnly"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Hidden Label -->
<label id="sidebarHiddenLabelInputLabel" for="sidebarHiddenLabel" title="" cassCompetency="Hidden Label:" cassCompetencyTitle="Alternate hidden labels for this concept. One label per line." skosCompetency="Hidden Label:" skosCompetencyTitle="Alternate hidden labels for this concept. One label per line." class="viewMode editMode competencyOnly" style="margin:0px;">Hidden Label:</label>
<p id="sidebarHiddenLabel" class="viewMode competencyOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarHiddenLabelInput" cassCompetency="skos:hiddenLabel" skosCompetency="skos:hiddenLabel" data-group="sidebarHiddenLabelInput" plural="true" class="editMode editControl competencyOnly sidebarHiddenLabelInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addHiddenLabelInput" data-target="sidebarHiddenLabelInput" class="editMode editControl addInputButton competencyOnly"><i class="fa fa-plus"></i></button>
</div>
</div>
</div>
<!-- Concept Documentation Section -->
<h2 class="editMode absentForCompetencies competencyOnly" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('conceptDocumentationChevron', 'conceptDocumentation');">Documentation <i class="fa fa-chevron-up" id="conceptDocumentationChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForCompetencies competencyOnly" style="margin-top:0px;">
<div class="sidebarAccordion absentForCompetencies competencyOnly" id="conceptDocumentation">
<!-- Preferred Label -->
<label id="sidebarPreferredLabelInputLabel" for="sidebarPreferredLabel" title="" cassCompetency="Note:" cassCompetencyTitle="Preferred display label for this concept. One label per line." skosCompetency="Note:" skosCompetencyTitle="Preferred display label for this concept. One label per line." class="viewMode editMode competencyOnly" style="margin:0px;">Note:</label>
<p id="sidebarPreferredLabel" class="viewMode competencyOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarPreferredLabelInput" cassCompetency="skos:note" skosCompetency="skos:note" data-group="sidebarPreferredLabelInput" class="editMode editControl competencyOnly sidebarPreferredLabelInput" />
<!-- Change Note -->
<label id="sidebarChangeNoteInputLabel" for="sidebarChangeNote" title="" cassCompetency="Change Note:" cassCompetencyTitle="Documents fine-grained changes to a competency, for the purposes of administration and maintenance. One note per line." skosCompetency="Change Note:" skosCompetencyTitle="Documents fine-grained changes to a concept, for the purposes of administration and maintenance. One note per line." class="viewMode editMode competencyOnly" style="margin:0px;">Change Note:</label>
<p id="sidebarChangeNote" class="viewMode competencyOnly sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarChangeNoteInput" cassCompetency="skos:changeNote" skosCompetency="skos:changeNote" data-group="sidebarChangeNoteInput" plural="true" class="editMode editControl competencyOnly sidebarChangeNoteInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addChangeNoteInput" data-target="sidebarChangeNoteInput" class="editMode editControl addInputButton competencyOnly"><i class="fa fa-plus"></i></button>
</div>
</div>
</div>
<!-- Cass Only Properties -->
<div id="cassDataFields">
<div class="cassCompetency">
<!-- Scope -->
<label id="sidebarScopeInputLabel" for="sidebarScopeInput" title="" cassCompetency="Scope:" cassCompetencyTitle="The scope of the competency." class="editMode" style="margin: 0px;">Scope:</label>
<p id="sidebarScope" class="viewMode">Competency Scope Here</p>
<input id="sidebarScopeInput" cassCompetency="scope" data-group="sidebarScopeInput" class="editMode editControl sidebarScopeInput">
</div>
</div>
<!-- Ceasn Only Properties -->
<div class="ceasnDataFields">
<!-- Ceasn Competency Properties -->
<div class="ceasnCompetency">
<!-- Competency Category -->
<label id="sidebarCompetencyCategoryInputLabel" for="sidebarCompetencyCategory" title="" cassCompetency="Type:" cassCompetencyTitle="The textual label identifying the category of the competency as designated by the promulgating body. One label per line." ceasnCompetency="Competency Category:" ceasnCompetencyTitle="The textual label identifying the category of the competency as designated by the promulgating body. One label per line." skosCompetency="Type:" skosCompetencyTitle="The textual label identifying the category of the competency as designated by the promulgating body. One label per line." class="viewMode editMode absentForConcepts" style="margin:0px;">Competency Category:</label>
<p id="sidebarCompetencyCategory" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input name="sidebarCompetencyCategoryInput" id="sidebarCompetencyCategoryInput" cassCompetency="dcterms:type" ceasnCompetency="ceasn:competencyCategory" case="case:CFItemType" data-autocompleteCache="true" data-group="sidebarCompetencyCategoryInput" class="editMode editControl absentForConcepts sidebarCompetencyCategoryInput" />
<!-- Education Level -->
<label for="sidebarEducationLevelType" title="" cassCompetency="Education Level:" cassCompetencyTitle="A general statement describing the education or training context. Alternatively, a more specific statement of the location of the audience in terms of its progression through an education or training context." ceasnCompetency="Level:" ceasnCompetencyTitle="A general statement describing the education or training context. Alternatively, a more specific statement of the location of the audience in terms of its progression through an education or training context." class="viewMode editMode absentForConcepts" style="margin:0px;">Education Level Type:</label>
<button id="sidebarEducationLevelTypeBrowse" cassCompetency="ceasn:educationLevelType" ceasnCompetency="ceasn:educationLevelType" plural="true" class="editMode editControl absentForConcepts" onclick="$('#selectConceptSection').attr('destination','ceasn:educationLevelType');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarEducationLevelType" cassCompetency="ceasn:educationLevelType" ceasnCompetency="ceasn:educationLevelType" class="viewMode editMode absentForConcepts" style="font-weight:bold;"></ul>
<!-- In Language -->
<label id="sidebarInLanguageInputLabel" for="sidebarInLanguage" title="" cassCompetency="In Language:" cassCompetencyTitle="The primary language used in or by this competency framework or competency. One language per line." ceasnCompetency="In Language:" ceasnCompetencyTitle="The primary language used in or by this competency framework or competency. One language per line." skosCompetency="Language:" skosCompetencyTitle="Language of the concept. One language per line." class="viewMode editMode absentForConcepts" style="margin:0px;">In Language:</label>
<p id="sidebarInLanguage" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarInLanguageInput" cassCompetency="schema:inLanguage" ceasnCompetency="ceasn:inLanguage" data-group="sidebarInLanguageInput" plural="true" defaultToFramework="true" class="editMode editControl absentForConcepts sidebarInLanguageInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addInLanguageInput" data-target="sidebarInLanguageInput" data-autocomplete-field="true" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- List ID -->
<label id="sidebarListIdInputLabel" for="sidebarListId" title="" cassCompetency="List ID:" cassCompetencyTitle="An alphanumeric string indicating this competency's position in a list of competencies at the same level in some arbitrary hierarchy." ceasnCompetency="List ID:" ceasnCompetencyTitle="An alphanumeric string indicating this competency's position in a list of competencies at the same level in some arbitrary hierarchy." class="viewMode editMode absentForConcepts" style="margin:0px;">List ID:</label>
<p id="sidebarListId" class="viewMode sidebarViewList absentForConcepts" style="font-weight:bold;"></p>
<input id="sidebarListIdInput" cassCompetency="ceasn:listID" ceasnCompetency="ceasn:listID" data-group="sidebarListIdInput" class="editMode editControl absentForConcepts sidebarListIdInput" />
<!-- Competency Context Section -->
<h2 class="editMode absentForConcepts" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('competencyContextChevron', 'competencyContext');">Context <i class="fa fa-chevron-up" id="competencyContextChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForConcepts" style="margin-top:0px;">
<div class="sidebarAccordion absentForConcepts" id="competencyContext">
<!-- Alternative Coded Notation -->
<label id="sidebarAlternativeCodedNotationInputLabel" for="sidebarAlternativeCodedNotation" title="" cassCompetency="Coded Notation:" cassCompetencyTitle="An alphanumeric notation or ID code identifying this competency in common use among end-users." ceasnCompetency="Coded Notation:" ceasnCompetencyTitle="An alphanumeric notation or ID code identifying this competency in common use among end-users." class="viewMode editMode" style="margin:0px;">Coded Notation:</label>
<p id="sidebarAlternativeCodedNotation" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarAlternativeCodedNotationInput" cassCompetency="ceasn:codedNotation" ceasnCompetency="ceasn:codedNotation" data-group="sidebarAlternativeCodedNotationInput" class="editMode editControl sidebarAlternativeCodedNotationInput" />
<!-- Derived From -->
<label id="sidebarDerivedFromInputLabel" for="sidebarDerivedFrom" title="" cassCompetency="Derived From:" cassCompetencyTitle="The URI of a competency from which this competency has been derived. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." ceasnCompetency="Derivative Of:" ceasnCompetencyTitle="The URI of a competency from which this competency has been derived. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." class="viewMode editMode" style="margin:0px;">Derived From:</label>
<p id="sidebarDerivedFrom" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarDerivedFromInput" cassCompetency="ceasn:derivedFrom" ceasnCompetency="ceasn:derivedFrom" type="url" data-invalid-text="Note: URI only. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/." data-group="sidebarDerivedFromInput" class="editMode editControl sidebarDerivedFromInput" />
<span id="sidebarDerivedFromInputSpan" class="orangeUri">Note: URI only. For example, https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- Identifier -->
<label id="sidebarIdentifierInputLabel" for="sidebarIdentifier" title="" cassCompetency="Identifier:" cassCompetencyTitle="An alternative URI by which this competency framework or competency is identified. For example, https://sandbox.credentialengineregistry.org/. One URI per line." ceasnCompetency="Identifier:" ceasnCompetencyTitle="An alternative URI by which this competency framework or competency is identified. For example, https://sandbox.credentialengineregistry.org/. One URI per line." skosCompetency="Identifier:" skosCompetencyTitle="An unambiguous reference to the resource within a given context. For example, https://sandbox.credentialengineregistry.org/. One refernece per line." class="viewMode editMode" style="margin:0px;">Identifier:</label>
<p id="sidebarIdentifier" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input cassCompetency="schema:identifier" ceasnCompetency="ceasn:identifier" id="sidebarIdentifierInput" type="url" data-group="sidebarIdentifierInput" plural="true" class="editMode editControl sidebarIdentifierInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addIdentifierInput" data-target="sidebarIdentifierInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarIdentifierInputSpan" class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/.</span>
</div>
<!-- Competency Tagging Section -->
<h2 class="editMode absentForConcepts" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('competencyTaggingChevron', 'competencyTagging');">Tagging <i class="fa fa-chevron-up" id="competencyTaggingChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForConcepts" style="margin-top:0px;">
<div class="sidebarAccordion absentForConcepts" id="competencyTagging">
<!-- Concept Keyword -->
<label id="sidebarConceptKeywordInputLabel" for="sidebarConceptKeyword" title="" cassCompetency="Keywords:" cassCompetencyTitle="A word or phrase used by the promulgating agency to refine and differentiate individual competencies contextually. One concept per line." ceasnCompetency="Concept Keyword:" ceasnCompetencyTitle="A word or phrase used by the promulgating agency to refine and differentiate individual competencies contextually. One concept per line." skosCompetency="Concept Keyword:" skosCompetencyTitle="A word or phrase used by the promulgating agency to refine and differentiate individual concepts contextually. One concept per line." class="viewMode editMode" style="margin:0px;">Concept Keyword:</label>
<p id="sidebarConceptKeyword" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarConceptKeywordInput" cassCompetency="schema:keywords" ceasnCompetency="ceasn:conceptKeyword" data-group="sidebarConceptKeywordInput" plural="true" class="editMode editControl sidebarConceptKeywordInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addConceptKeywordInput" data-target="sidebarConceptKeywordInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Concept Term -->
<label for="sidebarConceptTerm" title="" cassCompetency="Concept Terms:" cassCompetencyTitle="A term drawn from a controlled vocabulary used by the promulgating agency to refine and differentiate individual competencies contextually." ceasnCompetency="Concept Term:" ceasnCompetencyTitle="A term drawn from a controlled vocabulary used by the promulgating agency to refine and differentiate individual competencies contextually." class="viewMode editMode" style="margin:0px;">Concept Term:</label>
<button id="sidebarConceptTermBrowse" cassCompetency="ceasn:conceptTerm" ceasnCompetency="ceasn:conceptTerm" class="editMode editControl" plural="true" onclick="$('#selectConceptSection').attr('destination','ceasn:conceptTerm');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarConceptTerm" cassCompetency="ceasn:conceptTerm" ceasnCompetency="ceasn:conceptTerm" class="viewMode editMode" style="font-weight:bold;"></ul>
<!-- Skill Embodied -->
<label for="sidebarSkillEmbodied" title="" cassCompetency="Skill Embodied:" cassCompetencyTitle="Cognitive, affective, and psychomotor skills directly or indirectly embodied in this competency." ceasnCompetency="Skill Embodied:" ceasnCompetencyTitle="Cognitive, affective, and psychomotor skills directly or indirectly embodied in this competency." class="viewMode editMode" style="margin:0px;">Skill Embodied:</label>
<button id="sidebarSkillEmbodiedBrowse" cassCompetency="ceasn:skillEmbodied" ceasnCompetency="ceasn:skillEmbodied" class="editMode editControl" plural="true" onclick="$('#selectConceptSection').attr('destination','ceasn:skillEmbodied');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarSkillEmbodied" cassCompetency="ceasn:skillEmbodied" ceasnCompetency="ceasn:skillEmbodied" class="viewMode editMode" style="font-weight:bold;"></ul>
</div>
<!-- Competency Scales Section -->
<h2 class="editMode absentForConcepts" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('competencyScalesChevron', 'competencyScales');">Scales <i class="fa fa-chevron-up" id="competencyScalesChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForConcepts" style="margin-top:0px;">
<div class="sidebarAccordion absentForConcepts" id="competencyScales">
<!-- Complexity Level -->
<label for="sidebarComplexityLevel" title="" cassCompetency="Complexity Level:" cassCompetencyTitle="The expected performance level of a learner or professional as defined by a competency." ceasnCompetency="Complexity Level:" ceasnCompetencyTitle="The expected performance level of a learner or professional as defined by a competency." class="viewMode editMode" style="margin:0px;">Complexity Level:</label>
<button id="sidebarComplexityLevelBrowse" cassCompetency="ceasn:complexityLevel" ceasnCompetency="ceasn:complexityLevel" plural="true" class="editMode editControl" onclick="$('#selectConceptSection').attr('destination','ceasn:complexityLevel');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarComplexityLevel" cassCompetency="ceasn:complexityLevel" ceasnCompetency="ceasn:complexityLevel" class="viewMode editMode" style="font-weight:bold;"></ul>
<!-- Weight -->
<label id="sidebarWeightInputLabel" for="sidebarWeight" title="" cassCompetency="Weight:" cassCompetencyTitle="An asserted measurement of the weight, degree, percent, or strength of a recommendation, requirement, or comparison." ceasnCompetency="Weight:" ceasnCompetencyTitle="An asserted measurement of the weight, degree, percent, or strength of a recommendation, requirement, or comparison." class="viewMode editMode absentForConcepts" style="margin: 0px">Weight:</label>
<p id="sidebarWeight" class="viewMode absentForConcepts sidebarViewList" style="font-weight: bold;"></p>
<input id="sidebarWeightInput" cassCompetency="ceasn:weight" ceasnCompetency="ceasn:weight" data-group="sidebarWeightInput" class="editMode editControl absentForConcepts sidebarWeightInput" />
</div>
</div>
<!-- Ceasn Framework Properties -->
<div class="ceasnFramework">
<!-- Creator -->
<label id="sidebarCreatorInputLabel" for="sidebarCreator" title="" cassFramework="Creator:" cassFrameworkTitle="A URI to an entity primarily responsible for making this competency framework or competency. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." ceasnFramework="Creator:" ceasnFrameworkTitle="The primary entity responsible for making this competency or competency framework. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." class="viewMode editMode absentForConcepts" style="margin:0px;">Creator:</label>
<p id="sidebarCreator" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarCreatorInput" cassFramework="schema:creator" ceasnFramework="ceasn:creator" data-group="sidebarCreatorInput" plural="true" type="url" class="editMode editControl absentForConcepts sidebarCreatorInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addCreatorInput" data-target="sidebarCreatorInput" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarCreatorInputSpan" class="orangeUri">Note: URI only. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- Publisher Name -->
<label id="sidebarPublisherNameInputLabel" for="sidebarPublisherName" title="" cassFramework="Publisher Name:" cassFrameworkTitle="Name of the agent responsible for making this entity available. One name per line." ceasnFramework="Publisher Name:" ceasnFrameworkTitle="Name of the agent responsible for making this entity available. One name per line." class="viewMode editMode absentForConcepts" style="margin:0px;">Publisher Name:</label>
<p id="sidebarPublisherName" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarPublisherNameInput" cassFramework="ceasn:publisherName" ceasnFramework="ceasn:publisherName" data-group="sidebarPublisherNameInput" plural="true" class="sidebarPublisherNameInput editMode editControl absentForConcepts" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addPublisherNameInput" data-target="sidebarPublisherNameInput" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Publisher -->
<label id="sidebarPublisherInputLabel" for="sidebarPublisher" title="" cassFramework="Publisher:" cassFrameworkTitle="A URI to an entity responsible for making this competency framework available. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." ceasnFramework="Publisher:" ceasnFrameworkTitle="The entity responsible for making this competency framework available. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." class="viewMode editMode absentForConcepts" style="margin:0px;">Publisher:</label>
<p id="sidebarPublisher" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarPublisherInput" cassFramework="schema:publisher" ceasnFramework="ceasn:publisher" data-group="sidebarPublisherInput" plural="true" type="url" class="editMode editControl absentForConcepts sidebarPublisherInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addPublisherInput" data-target="sidebarPublisherInput" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarPublisherInputSpan" class="orangeUri">Note: URI only. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- In Language -->
<label id="sidebarFrameworkInLanguageInputLabel" for="sidebarFrameworkInLanguage" title="" cassFramework="In Language:" cassFrameworkTitle="The primary language used in or by this competency framework or competency. One language per line." ceasnFramework="In Language:" ceasnFrameworkTitle="The primary language used in or by this competency framework or competency. One language per line." class="viewMode editMode absentForConcepts" style="margin:0px;">In Language:</label>
<p id="sidebarFrameworkInLanguage" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarFrameworkInLanguageInput" cassFramework="schema:inLanguage" ceasnFramework="ceasn:inLanguage" data-group="sidebarFrameworkInLanguageInput" plural="true" class="editMode editControl absentForConcepts sidebarFrameworkInLanguageInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addFrameworkInLanguageInput" data-target="sidebarFrameworkInLanguageInput" data-autocomplete-field="true" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Framework Tagging Section -->
<h2 class="editMode" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('frameworkTaggingChevron', 'frameworkTagging');">Tagging <i class="fa fa-chevron-up" id="frameworkTaggingChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode" style="margin-top:0px;">
<div class="sidebarAccordion" id="frameworkTagging">
<!-- Concept Keyword -->
<label id="sidebarFrameworkConceptKeywordInputLabel" for="sidebarFrameworkConceptKeyword" title="" cassFramework="Keywords:" cassFrameworkTitle="A word or phrase used by the promulgating agency to refine and differentiate individual frameworks contextually. One code per line." ceasnFramework="Concept Keyword:" ceasnFrameworkTitle="A word or phrase used by the promulgating agency to refine and differentiate individual frameworks contextually. One concept per line." skosFramework="Concept Keyword:" skosFrameworkTitle="A word or phrase used by the promulgating agency to refine and differentiate schemes contextually. One concept per line." class="viewMode editMode" style="margin:0px;">Concept Keyword:</label>
<p id="sidebarFrameworkConceptKeyword" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarFrameworkConceptKeywordInput" cassFramework="schema:keywords" ceasnFramework="ceasn:conceptKeyword" data-group="sidebarFrameworkConceptKeywordInput" plural="true" skosFramework="ceasn:conceptKeyword" class="editMode editControl sidebarFrameworkConceptKeywordInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addFrameworkConceptKeywordInput" data-target="sidebarFrameworkConceptKeywordInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- Concept Term -->
<label for="sidebarConceptTerm" title="" cassFramework="Concept Terms:" cassFrameworkTitle="A term drawn from a controlled vocabulary used by the promulgating agency to refine and differentiate individual frameworks contextually." ceasnFramework="Concept Term:" ceasnFrameworkTitle="A term drawn from a controlled vocabulary used by the promulgating agency to refine and differentiate individual competencies contextually." skosFramework="Concept Term:" skosFrameworkTitle="A term drawn from a controlled vocabulary used by the promulgating agency to refine and differentiate individual concept schemes contextually." class="viewMode editMode" style="margin:0px;">Concept Term:</label>
<button id="sidebarConceptTermBrowse" cassFramework="ceasn:conceptTerm" ceasnFramework="ceasn:conceptTerm" skosFramework="ceasn:conceptTerm" class="editMode editControl" onclick="$('#selectConceptSection').attr('destination','ceasn:conceptTerm');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarConceptTerm" cassFramework="ceasn:conceptTerm" ceasnFramework="ceasn:conceptTerm" skosFramework="ceasn:conceptTerm" class="viewMode editMode" style="font-weight:bold;"></ul>
</div>
<!-- Framework Connections Section -->
<h2 class="editMode absentForConcepts" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('frameworkConnectionsChevron', 'frameworkConnections');">Connections <i class="fa fa-chevron-up" id="frameworkConnectionsChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode absentForConcepts" style="margin-top:0px;">
<div class="sidebarAccordion absentForConcepts" id="frameworkConnections">
<!-- Derived From -->
<label id="sidebarFrameworkDerivedFromInputLabel" for="sidebarDerivedFrom" title="" cassFramework="Derived From:" cassFrameworkTitle="A third party version of the entity being referenced that has been modified in meaning through editing, extension, or refinement. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." ceasnFramework="Derived From:" ceasnFrameworkTitle="A third party version of the entity being referenced that has been modified in meaning through editing, extension, or refinement. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One entity per line." class="viewMode editMode" style="margin:0px;">Derived From:</label>
<p id="sidebarFrameworkDerivedFrom" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarFrameworkDerivedFromInput" cassFramework="ceasn:derivedFrom" ceasnFramework="ceasn:derivedFrom" type="url" data-group="sidebarFrameworkDerivedFromInput" class="editMode editControl sidebarFrameworkDerivedFromInput" />
<span id="sidebarFrameworkDerivedFromInputSpan" class="orangeUri">Note: URI only. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
<!-- Is Version Of -->
<label id="sidebarIsVersionOfInputLabel" for="sidebarIsVersionOf" title="" cassFramework="Version Of:" cassFrameworkTitle="A related competency framework of which this competency framework is a version, edition, or adaptation." ceasnFramework="Is Version Of:" ceasnFrameworkTitle="A related competency framework of which this competency framework is a version, edition, or adaptation." class="viewMode editMode" style="margin:0px;">Version Of:</label>
<p id="sidebarVersionOf" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarVersionOfInput" cassFramework="ceasn:isVersionOf" ceasnFramework="ceasn:isVersionOf" type="url" data-group="sidebarVersionOfInput" class="sidebarVersionOfInput editMode editControl" />
<span id="sidebarVersionOfInputSpan" class="orangeUri">Note: URI only. For example: https://credentialengineregistry.org/</span>
<!-- Framework Source -->
<label id="sidebarSourceInputLabel" for="sidebarSource" title="" cassFramework="Source:" cassFrameworkTitle="A URI to the original competency framework which this competency framework is based on or derived from. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One URI per line." ceasnFramework="Source Framework:" ceasnFrameworkTitle="The original competency framework which this competency framework is based on or derived from. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One URI per line." class="viewMode editMode" style="margin:0px;">Source:</label>
<p id="sidebarSource" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarSourceInput" cassFramework="dc:source" ceasnFramework="ceasn:source" type="url" data-group="sidebarSourceInput" plural="true" class="editMode editControl sidebarSourceInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addSourceInput" data-target="sidebarSourceInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarSourceInputSpan" class="orangeUri">Note: URI only. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/.</span>
</div>
<!-- Framework Context Section -->
<h2 class="editMode" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('frameworkContextChevron', 'frameworkContext');">Context <i class="fa fa-chevron-up" id="frameworkContextChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode" style="margin-top:0px;">
<div class="sidebarAccordion" id="frameworkContext">
<!-- Education Level -->
<label for="sidebarEducationLevel" title="" cassFramework="Education Level Type:" cassFrameworkTitle="A general statement describing the education or training context. Alternatively, a more specific statement of the location of the audience in terms of its progression through an education or training context." ceasnFramework="Education Level Type:" ceasnFrameworkTitle="A general statement describing the education or training context. Alternatively, a more specific statement of the location of the audience in terms of its progression through an education or training context." class="viewMode editMode absentForConcepts" style="margin:0px;">Education Level Type:</label>
<button id="sidebarEducationLevelBrowse" cassFramework="ceasn:educationLevelType" ceasnFramework="ceasn:educationLevelType" class="editMode editControl absentForConcepts" onclick="$('#selectConceptSection').attr('destination','ceasn:educationLevelType');initIframe();showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<ul id="sidebarEducationLevel" cassFramework="ceasn:educationLevelType" ceasnFramework="ceasn:educationLevelType" class="viewMode editMode absentForConcepts" style="font-weight:bold;"></ul>
<!-- Date Valid From -->
<label id="sidebarDateValidFromInputLabel" for="sidebarDateValidFrom" title="" cassFramework="Valid From:" cassFrameworkTitle="Beginning date of validity of this competency framework." ceasnFramework="Date Valid From:" ceasnFrameworkTitle="Beginning date of validity of this competency framework." class="viewMode editMode absentForConcepts" style="margin:0px;">Date Valid From:</label>
<p id="sidebarDateValidFrom" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarDateValidFromInput" cassFramework="schema:validFrom" ceasnFramework="ceasn:dateValidFrom" type="datetime-local" data-group="sidebarDateValidFromInput" class="editMode editControl absentForConcepts sidebarDateValidFromInput" />
<!-- Date Valid Until -->
<label id="sidebarDateValidUntilInputLabel" for="sidebarDateValidUntil" title="" cassFramework="Valid Until:" cassFrameworkTitle="End date of validity of this competency framework." ceasnFramework="Date Valid Until:" ceasnFrameworkTitle="End date of validity of this competency framework." class="viewMode editMode absentForConcepts" style="margin:0px;">Date Valid Until:</label>
<p id="sidebarDateValidUntil" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarDateValidUntilInput" cassFramework="schema:validThrough" ceasnFramework="ceasn:dateValidUntil" type="datetime-local" data-group="sidebarDateValidUntilInput" class="editMode editControl absentForConcepts sidebarDateValidUntilInput" />
<!-- Change Note -->
<label id="sidebarFrameworkChangeNoteInputLabel" for="sidebarFrameworkChangeNote" title="" cassFramework="Change Note:" cassFrameworkTitle="Documents fine-grained changes to a framwork, for the purposes of administration and maintenance. One note per line." skosFramework="Change Note:" skosFrameworkTitle="Documents fine-grained changes to a concept scheme, for the purposes of administration and maintenance. One note per line." class="viewMode editMode absentForCompetencies" style="margin:0px;">Change Note:</label>
<p id="sidebarFrameworkChangeNote" class="viewMode sidebarViewList absentForCompetencies" style="font-weight:bold;"></p>
<input id="sidebarFrameworkChangeNoteInput" cassFramework="skos:changeNote" skosFramework="skos:changeNote" data-group="sidebarFrameworkChangeNoteInput" plural="true" class="editMode editControl sidebarFrameworkChangeNoteInput absentForCompetencies" />
<div class="sidebarInputGroup absentForCompetencies">
<div class="addInputContainer">
<button title="Add another value." id="addSidebarFrameworkChangeNoteInput" data-target="sidebarFrameworkChangeNoteInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<!-- History Note -->
<label id="sidebarHistoryNoteInputLabel" for="sidebarHistoryNote" title="" cassFramework="History Note:" cassFrameworkTitle="Describes significant changes to the meaning or the form of a framework. For example: https://credentialengineregistry.org/, https://eduworks.com, https://case.georgiastandards.org/. One note per line." skosFramework="History Note:" skosFrameworkTitle="Describes significant changes to the meaning or the form of a scheme. For example, https://credentialengineregistry.org/. One note per line." class="viewMode editMode absentForCompetencies" style="margin:0px;">History Note:</label>
<p id="sidebarHistoryNote" class="viewMode sidebarViewList absentForCompetencies" style="font-weight:bold;"></p>
<input id="sidebarHistoryNoteInput" cassFramework="skos:historyNote" skosFramework="skos:historyNote" data-group="sidebarHistoryNoteInput" plural="true" type="url" class="editMode editControl sidebarHistoryNoteInput absentForCompetencies" />
<div class="sidebarInputGroup absentForCompetencies">
<div class="addInputContainer">
<button title="Add another value." id="addHistoryNoteInput" data-target="sidebarHistoryNoteInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarHistoryNoteInputSpan" class="orangeUri">Note: URI only. For example, https://credentialengineregistry.org/.</span>
<!-- Publication Status -->
<label for="sidebarPublicationStatus" title="" cassFramework="Publication Status:" cassFrameworkTitle="The publication status of the of this competency framework." ceasnFramework="Source Publication Status:" ceasnFrameworkTitle="Publication status of the source competency framework. The original framework may be drafted, published, or depreciated outside of this system." skosFramework="Publication Status:" skosFrameworkTitle="The publication status of this scheme." class="viewMode editMode" style="margin:0px;">Publication Status:</label>
<p id="sidebarPublicationStatus" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<select cassFramework="ceasn:publicationStatusType" ceasnFramework="ceasn:publicationStatusType" skosFramework="ceasn:publicationStatusType" id="sidebarPublicationStatusSelect" class="editMode editControl">
<option disabled selected>Please select one...</option>
<option value="http://credreg.net/ctdlasn/vocab/publicationStatus/Draft">Draft</option>
<option value="http://credreg.net/ctdlasn/vocab/publicationStatus/Published">Published</option>
<option value="http://credreg.net/ctdlasn/vocab/publicationStatus/Deprecated">Deprecated</option>
</select>
<!-- Identifier -->
<label id="sidebarFrameworkIdentifierInputLabel" for="sidebarFrameworkIdentifier" title="" cassFramework="Identifier:" cassFrameworkTitle="An alternative URI by which this competency framework or competency is identified. For example, https://sandbox.credentialengineregistry.org/. One URI per line." ceasnFramework="Identifier:" ceasnFrameworkTitle="An alternative URI by which this competency or competency framework is identified. For example, https://sandbox.credentialengineregistry.org/. One URI per line." class="viewMode editMode absentForConcepts" style="margin:0px;">Identifier:</label>
<p id="sidebarFrameworkIdentifier" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input cassFramework="schema:identifier" ceasnFramework="ceasn:identifier" plural="true" id="sidebarFrameworkIdentifierInput" type="url" data-group="sidebarFrameworkIdentifierInput" class="editMode editControl absentForConcepts sidebarFrameworkIdentifierInput" />
<div class="sidebarInputGroup">
<div class="addInputContainer">
<button title="Add another value." id="addFrameworkIdentifierInput" data-target="sidebarFrameworkIdentifierInput" class="editMode editControl addInputButton absentForConcepts"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarFrameworkIdentifierInputSpan" class="orangeUri">Note: URI only. Example, https://sandbox.credentialengineregistry.org/</span>
</div>
<!-- Framework Rights Section -->
<h2 class="editMode" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('frameworkRightsChevron', 'frameworkRights');">Rights <i class="fa fa-chevron-up" id="frameworkRightsChevron" style="float:right;"></i></h2>
<hr class="editMode viewMode" style="margin-top:0px;">
<div class="sidebarAccordion" id="frameworkRights">
<!-- Date Copyrighted -->
<label id="sidebarDateCopyrightedInputLabel" for="sidebarDateCopyrighted" title="" cassFramework="Year Copyrighted:" cassFrameworkTitle="Year of a statement of copyright for this competency framework." ceasnFramework="Year Copyrighted:" ceasnFrameworkTitle="Year of a statement of copyright for this competency framework, such as 2017." skosFramework="Year Copyrighted:" skosFrameworkTitle="Year of a statement of copyright for this concept scheme." class="viewMode editMode absentForConcepts" style="margin:0px;">Date Copyrighted:</label>
<p id="sidebarDateCopyrighted" class="viewMode absentForConcepts sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarDateCopyrightedInput" cassFramework="schema:copyrightYear" ceasnFramework="ceasn:dateCopyrighted" skosFramework="dcterms:dateCopyrighted" type="dcterms:date" data-group="sidebarDateCopyrightedInput" class="editMode editControl absentForConcepts sidebarDateCopyrightedInput" />
<span id="sidebarDateCopyrightedInputSpan" class="orangeUri">Note: Year only. For example, 2018</span>
<!-- License -->
<label id="sidebarLicenseInputLabel" for="sidebarLicense" title="" cassFramework="License:" cassFrameworkTitle="A URI to a legal document giving official permission to do something with this competency framework. For example, https://sandbox.credentialengineregistry.org/" ceasnFramework="License:" ceasnFrameworkTitle="A legal document giving official permission to do something with this competency framework. For example, https://sandbox.credentialengineregistry.org/" skosFramework="License:" skosFrameworkTitle="A URI to a legal document giving official permission to do something with this scheme. For example, https://sandbox.credentialengineregistry.org/" class="viewMode editMode" style="margin:0px;">License:</label>
<p id="sidebarLicense" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarLicenseInput" cassFramework="schema:license" ceasnFramework="ceasn:license" skosFramework="dcterms:license" type="url" data-group="sidebarLicenseInput" class="sidebarLicenseInput editMode editControl" />
<span id="sidebarLicenseInputSpan" class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<!-- Rights -->
<label id="sidebarRightsInputLabel" for="sidebarRights" title="" cassFramework="Rights:" cassFrameworkTitle="Information about rights held in and over this competency framework. For example, http://example.com/?t=idforRights" ceasnFramework="Rights:" ceasnFrameworkTitle="Information about rights held in and over this competency framework. For example, https://sandbox.credentialengineregistry.org/" class="viewMode editMode absentForConcepts" style="margin:0px;">Rights:</label>
<p id="sidebarRights" class="viewMode sidebarViewList absentForConcepts" style="font-weight:bold;"></p>
<input id="sidebarRightsInput" cassFramework="dc:rights" ceasnFramework="ceasn:rights" plural="true" type="url" data-group="sidebarRightsInput" class="sidebarRightsInput editMode editControl absentForConcepts" />
<div class="sidebarInputGroup absentForConcepts">
<div class="addInputContainer">
<button title="Add another value." id="addRightsInput" data-target="sidebarRightsInput" class="editMode editControl addInputButton"><i class="fa fa-plus"></i></button>
</div>
</div>
<span id="sidebarRightsInputSpan" class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<!-- Concept Scheme Rights -->
<label id="sidebarConceptRightsInputLabel" for="sidebarConceptRights" title="" cassFramework="Rights:" cassFrameworkTitle="Information about rights held in and over this competency framework. For example, http://example.com/?t=idforRights" skosFramework="Rights:" skosFrameworkTitle="Information about rights held in and over this concept scheme. For example, https://sandbox.credentialengineregistry.org/" class="viewMode editMode absentForCompetencies" style="margin:0px;">Rights:</label>
<p id="sidebarConceptRights" class="viewMode sidebarViewList absentForCompetencies" style="font-weight:bold;"></p>
<input id="sidebarConceptRightsInput" cassFramework="dc:rights" skosFramework="dcterms:rights" type="url" data-group="sidebarConceptRightsInput" class="sidebarConceptRightsInput editMode editControl absentForCompetencies" />
<span id="sidebarConceptRightsInputSpan" class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<!-- Rights Holder -->
<label id="sidebarRightsHolderInputLabel" for="sidebarRightsHolder" title="" cassFramework="Rights Holder:" cassFrameworkTitle="A URI to an agent owning or managing rights over this competency framework. For example, https://credentialengineregistry.org/" ceasnFramework="Rights Holder:" ceasnFrameworkTitle="The agent owning or managing rights over this competency framework. For example, https://credentialengineregistry.org/" skosFramework="Rights Holder:" skosFrameworkTitle="A URI to an agent owning or managing rights over this scheme. For example, https://credentialengineregistry.org/." class="viewMode editMode" style="margin:0px;">Rights Holder:</label>
<p id="sidebarRightsHolder" class="viewMode sidebarViewList" style="font-weight:bold;"></p>
<input id="sidebarRightsHolderInput" cassFramework="schema:copyrightHolder" ceasnFramework="ceasn:rightsHolder" skosFramework="dcterms:rightsHolder" type="url" data-group="sidebarRightsHolderInput" class="sidebarRightsInput editMode editControl" />
<span id="sidebarRightsHolderInputSpan" class="orangeUri">Note: URI only. For example, https://credentialengineregistry.org/</span>
</div>
</div>
</div>
</div>
</td>
</tr>
<!-- Alignments -->
<tr id="alignmentPanel" style="vertical-align: top;padding-left:.5rem;;min-width:50%;max-width:100%">
<td>
<!-- Connections Section -->
<h2 class="viewMode editMode competencyOnly" style="margin-bottom:0px;cursor:pointer;" onclick="toggleDiv('alignmentsOptionalChevron', 'alignmentsOptional');">Connections <i class="fa fa-chevron-up" id="alignmentsOptionalChevron" style="float:right;"></i></h2>
<hr class="viewMode editMode competencyOnly" style="margin-top:0px;">
<div id="alignmentsOptional">
<!-- hasChild and isChildOf -->
<div class="ceasnDataFields exempt">
<!-- Has Child -->
<label for="sidebarHasChild" title="" style="margin:0px;" ceasnCompetency="Has Child:" skosCompetency="Broader:" ceasnCompetencyTitle="The referenced competency is lower in some arbitrary hierarchy than this competency." skosCompetencyTitle="The referenced concept is lower in some arbitrary hierarchy than this concept." class="viewMode editMode competencyOnly">hasChild:</label>
<ul id="sidebarHasChild" ceasnCompetency="hasChild" skosCompetency="hasChild" class="viewMode editMode relationList exempt competencyOnly"></ul>
<!-- Child Of -->
<label for="sidebarIsChildOf" title="" style="margin:0px;" ceasnCompetency="Child Of:" skosCompetency="Narrower:" ceasnCompetencyTitle="The referenced competency is higher in some arbitrary hierarchy than this competency." skosCompetencyTitle="The referenced concept is higher in some arbitrary hierarchy than this concept." class="viewMode editMode competencyOnly">isChildOf:</label>
<ul id="sidebarIsChildOf" ceasnCompetency="isChildOf" skosCompetency="isChildOf" class="viewMode editMode relationList exempt competencyOnly"></ul>
</div>
<!-- Narrows -->
<label for="sidebarNarrows" title="" style="margin:0px;" cassCompetency="Narrows:" cassCompetencyTitle="A sub-competency relationship which has relevance to this competency." ceasnCompetency="Broad Alignment:" ceasnCompetencyTitle="Covers all of the relevant concepts in the referenced competency as well as relevant concepts not found in the referenced competency." class="viewMode editMode competencyOnly absentForConcepts">Narrows:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="narrows" ceasnCompetency="narrows" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarNarrowsBrowse" cassCompetency="narrows" ceasnCompetency="narrows" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','narrows');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarNarrowsInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarNarrows" cassCompetency="narrows" ceasnCompetency="narrows" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Broadens -->
<label for="sidebarBroadens" title="" style="margin:0px;" cassCompetency="Broadens:" cassCompetencyTitle="Covers other relevant competencies not found in this competency." ceasnCompetency="Narrow Alignment:" ceasnCompetencyTitle="Covers all of the relevant concepts in this competency as well as relevant concepts not found in this competency." class="viewMode editMode competencyOnly absentForConcepts">Broadens:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="broadens" ceasnCompetency="broadens" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarBroadensBrowse" cassCompetency="broadens" ceasnCompetency="broadens" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','broadens');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarBroadensInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarBroadens" cassCompetency="broadens" ceasnCompetency="broadens" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Equivalent -->
<label for="sidebarEquivalent" title="" style="margin:0px;" cassCompetency="Equivalent to:" cassCompetencyTitle="Represents same capability in all aspects to another competency." ceasnCompetency="Exact Alignment:" ceasnCompetencyTitle="Relevant concepts in this competency and the referenced competency are coextensive." class="viewMode editMode competencyOnly absentForConcepts">Equivalent To:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="isEquivalentTo" ceasnCompetency="isEquivalentTo" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarEquivalentBrowse" cassCompetency="isEquivalentTo" ceasnCompetency="isEquivalentTo" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','isEquivalentTo');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarEquivalentInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarEquivalent" cassCompetency="isEquivalentTo" ceasnCompetency="isEquivalentTo" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Major -->
<label for="sidebarMajor" title="" style="margin:0px;" cassCompetency="Major Overlap:" cassCompetencyTitle="Another competency which has major relevance or overlap with this competency." ceasnCompetency="Major Alignment:" ceasnCompetencyTitle="Major overlap of relevant concepts between this competency and the referenced competency." class="viewMode editMode ceasnOnly competencyOnly absentForConcepts">Major Alignment:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="majorRelated" ceasnCompetency="majorRelated" class="viewMode editMode editControl frameworkEditControl ceasnOnly competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarMajorBrowse" cassCompetency="majorRelated" ceasnCompetency="majorRelated" plural="true" class="viewMode editMode editControl ceasnOnly frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','majorRelated');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarMajorInput" type="url" class="viewMode editMode competencyOnly ceasnOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarMajor" cassCompetency="majorRelated" ceasnCompetency="majorRelated" class="viewMode editMode relationList ceasnOnly competencyOnly absentForConcepts"></ul>
<!-- Minor -->
<label for="sidebarMinor" title="" style="margin:0px;" cassCompetency="Minor Overlap:" cassCompetencyTitle="Another competency which has minor relevance or overlap with this competency." ceasnCompetency="Minor Alignment:" ceasnCompetencyTitle="Minor overlap of relevant concepts between this competency and the referenced competency." class="viewMode editMode ceasnOnly competencyOnly absentForConcepts">Minor Alignment:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="minorRelated" ceasnCompetency="minorRelated" class="viewMode editMode editControl frameworkEditControl ceasnOnly competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarMinorBrowse" ceasnCompetency="minorRelated" plural="true" class="viewMode editMode editControl ceasnOnly frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','minorRelated');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarMinorInput" type="url" class="viewMode editMode competencyOnly ceasnOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarMinor" cassCompetency="minorRelated" ceasnCompetency="minorRelated" class="viewMode editMode relationList ceasnOnly competencyOnly absentForConcepts"></ul>
<!-- Requires -->
<label for="sidebarRequires" title="" style="margin:0px;" cassCompetency="Requires:" cassCompetencyTitle="Another competency is prerequisite for this." ceasnCompetency="Prerequisite Alignment:" ceasnCompetencyTitle="This competency is a prerequisite to the referenced competency." class="viewMode editMode competencyOnly absentForConcepts">Requires:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="requires" ceasnCompetency="requires" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation from another framework." id="sidebarRequiresBrowse" cassCompetency="requires" ceasnCompetency="requires" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','requires');initIframe(false);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarRequiresInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarRequires" cassCompetency="requires" ceasnCompetency="requires" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Enabled -->
<label for="sidebarEnabled" title="" style="margin:0px;" cassCompetency="Is Enabled By:" cassCompetencyTitle="A recommended option that speeds up acquisition of this competency." class="viewMode editMode competencyOnly absentForConcepts">Is Enabled By:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="isEnabledBy" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarEnabledBrowse" cassCompetency="isEnabledBy" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','isEnabledBy');initIframe(true);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarEnabledInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarEnabled" cassCompetency="isEnabledBy" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Related -->
<label for="sidebarRelated" title="" style="margin:0px;" cassCompetency="Is Related To:" cassCompetencyTitle="This competency has some degree of overlap with another." class="viewMode editMode competencyOnly absentForConcepts">Is Related To:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="isRelatedTo" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarRelatedBrowse" cassCompetency="isRelatedTo" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','isRelatedTo');initIframe(true);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarRelatedInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarRelated" cassCompetency="isRelatedTo" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Desires -->
<label for="sidebarDesires" title="" style="margin:0px;" cassCompetency="Desires:" cassCompetencyTitle="Recommended, assumed, or expected competency not essential to acquisition of this competency." class="viewMode editMode competencyOnly absentForConcepts">Desires:</label>
<button data-mode="Add" title="Add a relation with a URI." cassCompetency="desires" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarDesiresBrowse" cassCompetency="desires" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForConcepts" onclick="$('#selectCompetencySection').attr('relation','desires');initIframe(true);showPage('#selectCompetencySection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarDesiresInput" type="url" class="viewMode editMode competencyOnly absentForConcepts alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarDesires" cassCompetency="desires" class="viewMode editMode relationList competencyOnly absentForConcepts"></ul>
<!-- Broad Match -->
<label for="sidebarBroadMatch" title="" style="margin:0px;" skosCompetency="Broad Match:" skosCompetencyTitle="A concept in a different concept scheme that is hierarchically broader than this concept." class="viewMode editMode competencyOnly absentForCompetencies">Broad Match:</label>
<button data-mode="Add" title="Add a relation with a URI." skosCompetency="broadMatch" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarBroadMatchBrowse" skosCompetency="broadMatch" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies" onclick="$('#selectConceptSection').attr('relation','broadMatch');initIframe(true);showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarBroadMatchInput" type="url" class="viewMode editMode competencyOnly absentForCompetencies alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarBroadMatch" skosCompetency="broadMatch" class="viewMode editMode relationList competencyOnly absentForCompetencies"></ul>
<!-- Close Match -->
<label for="sidebarCloseMatch" title="" style="margin:0px;" skosCompetency="Close Match:" skosCompetencyTitle="A concept in a different concept scheme that is sufficiently equivalent that it can be used interchangeably for this concept." class="viewMode editMode competencyOnly absentForCompetencies">Close Match:</label>
<button data-mode="Add" title="Add a relation with a URI." skosCompetency="closeMatch" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarCloseMatchBrowse" skosCompetency="closeMatch" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies" onclick="$('#selectConceptSection').attr('relation','closeMatch');initIframe(true);showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarCloseMatchInput" type="url" class="viewMode editMode competencyOnly absentForCompetencies alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarCloseMatch" skosCompetency="closeMatch" class="viewMode editMode relationList competencyOnly absentForCompetencies"></ul>
<!-- Exact Match -->
<label for="sidebarExactMatch" title="" style="margin:0px;" skosCompetency="Exact Match:" skosCompetencyTitle="A concept in a different concept scheme that can be used interchangeably for this concept with a high degree of confidence." class="viewMode editMode competencyOnly absentForCompetencies">Exact Match:</label>
<button data-mode="Add" title="Add a relation with a URI." skosCompetency="exactMatch" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarExactMatchBrowse" skosCompetency="Exact Match" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies" onclick="$('#selectConceptSection').attr('relation','exactMatch');initIframe(true);showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarExactMatchInput" type="url" class="viewMode editMode competencyOnly absentForCompetencies alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarExactMatch" skosCompetency="exactMatch" class="viewMode editMode relationList competencyOnly absentForCompetencies"></ul>
<!-- Narrow Match -->
<label for="sidebarNarrowMatch" title="" style="margin:0px;" skosCompetency="Narrow Match:" skosCompetencyTitle="A concept in a different concept scheme that is hierarchically narrower than this concept." class="viewMode editMode competencyOnly absentForCompetencies">Narrow Match:</label>
<button data-mode="Add" title="Add a relation with a URI." skosCompetency="narrowMatch" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarNarrowMatchBrowse" skosCompetency="narrowMatch" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies" onclick="$('#selectConceptSection').attr('relation','narrowMatch');initIframe(true);showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarNarrowMatchInput" type="url" class="viewMode editMode competencyOnly absentForCompetencies alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarNarrowMatch" skosCompetency="narrowMatch" class="viewMode editMode relationList competencyOnly absentForCompetencies"></ul>
<!-- Related Match -->
<label for="sidebarRelatedMatch" title="" style="margin:0px;" skosCompetency="Related Match:" skosCompetencyTitle="A concept in a different concept scheme that is conceptually related but is neither a hierarchical or equivalence relationships." class="viewMode editMode competencyOnly absentForCompetencies">Related Match:</label>
<button data-mode="Add" title="Add a relation with a URI." skosCompetency="relatedMatch" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies alignmentAddButton" onclick="handleAlignmentInput(event);"><i class="fa fa-plus"></i></button>
<button title="Search for a relation." id="sidebarRelatedMatchBrowse" skosCompetency="relatedMatch" plural="true" class="viewMode editMode editControl frameworkEditControl competencyOnly absentForCompetencies" onclick="$('#selectConceptSection').attr('relation','relatedMatch');initIframe(true);showPage('#selectConceptSection', framework);"><i class="fa fa-search-plus"></i></button>
<input id="sidebarRelatedMatchInput" type="url" class="viewMode editMode competencyOnly absentForCompetencies alignmentInput hidden" />
<span class="orangeUri">Note: URI only. For example, https://sandbox.credentialengineregistry.org/</span>
<ul id="sidebarRelatedMatch" skosCompetency="relatedMatch" class="viewMode editMode relationList competencyOnly absentForCompetencies"></ul>
</div>
</td>
</tr>
</table>
</div>
</div>
<div id="frameworkNameContainer" ondrop="unlinkCompetency(event);" ontouchend="handleTouchEnd(event);">
<button id="selectButton" class="greenButton" style="float:right;display:none;" onclick='select();'>></button>
<button id="selectAllButton" style="float: right;display: none;" status="select" onclick='handleSelectAll($("#selectAllButton").attr("status"));'>Select All</button>
<span id="editFrameworkBack" onclick='checkForChangesBeforeBack(event);' style="float:left;"><i class="fa fa-arrow-circle-left" style="font-size:32px;color:black" > </i></span>
<a id="frameworkLink" title="Click to navigate to link address. Right click to copy link address." class='link' style="float:right;display:none;" target='_blank'><i class='fa fa-link' aria-hidden='true'> </i></a>
<span id="frameworkName"></span>
<br>
<!-- <span id="frameworkLastModified"></span>-->
<div id="frameworkDescription"></div>
<div id="frameworkStats" style="overflow:auto">
<span id="frameworkCreated"></span>
<span id="frameworkLastModified"></span>
<span id="frameworkCount"></span>
<span id="collapseExpandAll" style="float:right;">
<button id="expandAllCompetencies" class="viewMode absentForConcepts" style="color:black;display:none;margin-bottom:.1rem;" onclick="expandAllCompetencies()" title="Expand All."><i class="fa fa-plus-square" aria-hidden='true'></i></button>
<button id="collapseAllCompetencies" class="viewMode absentForConcepts" style="color:black;display:none;margin-bottom:.1rem" onclick="collapseAllCompetencies()" title="Collapse All."><i class="fa fa-minus-square" aria-hidden='true'></i></button>
</span>
</div>
<div id="frameworkAKA"></div>
<hr style="margin-bottom: -1px;">
</div>
<ul id="tree">
</ul>
</div>
<div id="findCompetencySection" class="absentForConcepts page modal editControl" style="height:100%;display: none;overflow-x:hidden;overflow-y:hidden;">
<center>
<h1>Select existing competencies to attach...</h1>
</center>
<iframe id="findCompetencyIframe" src="" width="90%" style="margin-left:5%;border:1px solid black;height:calc(100% - 5rem);"></iframe>
</div>
<div id="selectCompetencySection" class="page modal editControl" style="height:100%;display: none;overflow-x:hidden;overflow-y:hidden;">
<center>
<h1>Create or select competencies to align...</h1>
</center>
<iframe id="selectCompetencyIframe" src="" width="90%" style="margin-left:5%;border:1px solid black;height:calc(100% - 5rem);"></iframe>
</div>
<div id="selectConceptSection" class="page modal editControl" style="height:100%;display: none;overflow-x:hidden;overflow-y:hidden;">
<center>
<h1>Create or select concepts to attach...</h1>
</center>
<iframe id="selectConceptIframe" src="" width="90%" style="margin-left:5%;border:1px solid black;height:calc(100% - 5rem);"></iframe>
</div>
<div id="loading" class="page" style="display:none;">
<img src="images/CASS-loading-128px.gif" id="loadingCass" class="loading" style='margin-top:20px;margin-bottom:1em;'>
<i id="loadingCe" class="fa-spin-reverse" style=' display: none;margin-top:20px;width:200px;height:200px;background-image:url( "theme/ce/Credential-Engine_ce-logomark.svg") '></i>
<br>
<center id="status">Loading...</center>
</div>
<div id="tourDialog" style="display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 15001;background-color: white;padding: 1rem;border-radius: 5px;">
<div>
<span>Looks like this is your first time here, would you like a guided tour?</span>
</div>
<div style="margin-top: 1rem;">
<button id="acceptTourButton" style="float: right;">Sure</button>
<button id="declineTourButton" style="float: left;">No thanks</button>
</div>
</div>
<div id="copyOrLinkDialog" class="absentForConcepts editControl" style="display:none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 15001;background-color: white;padding: 1rem;border-radius: 5px;">
<div>
<span>Do you want to copy or link to the selected competencies?</span>
</div>
<div style="margin-top: 1rem;">
<button id="copyCompetenciesButton" style="float: right;">Copy</button>
<button id="linkCompetenciesButton" style="float: right;margin-right: 4px;">Link</button>
<button id="cancelCopyOrLinkButton" style="float: left;" onclick="hideCopyOrLinkDialog();">Cancel</button>
</div>
</div>
<div id="confirmDialog" class="editControl" style="border:1px solid black;display:none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 15001;background-color: white;padding: 1rem;border-radius: 5px;">
<div>
<span id="confirmText">Are you sure you want to delete this competency? This will remove the competency from the system entirely, not just from your framework.</span>
</div>
<div style="margin-top: 1rem;">
<button id="dialogConfirmButton" style="float: right;">Confirm</button>
<button id="dialogCancelButton" style="float: right;margin-right: 4px;">Cancel</button>
</div>
</div>
<div id="confirmOverlay"></div>
</body>
</html>