diff --git a/airtime_mvc/application/views/scripts/showbuilder/index.phtml b/airtime_mvc/application/views/scripts/showbuilder/index.phtml
index dedcf2937..2f5dfc8c3 100644
--- a/airtime_mvc/application/views/scripts/showbuilder/index.phtml
+++ b/airtime_mvc/application/views/scripts/showbuilder/index.phtml
@@ -7,7 +7,7 @@
diff --git a/airtime_mvc/build/schema.xml b/airtime_mvc/build/schema.xml
index 87f820cb6..bef2aadf7 100644
--- a/airtime_mvc/build/schema.xml
+++ b/airtime_mvc/build/schema.xml
@@ -83,6 +83,7 @@
+
@@ -561,4 +562,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/airtime_mvc/build/sql/schema.sql b/airtime_mvc/build/sql/schema.sql
index d358b5912..a5f456b63 100644
--- a/airtime_mvc/build/sql/schema.sql
+++ b/airtime_mvc/build/sql/schema.sql
@@ -95,6 +95,7 @@ CREATE TABLE "cc_files"
"is_scheduled" BOOLEAN DEFAULT 'f',
"is_playlist" BOOLEAN DEFAULT 'f',
"filesize" INTEGER DEFAULT 0 NOT NULL,
+ "description" VARCHAR(512),
PRIMARY KEY ("id")
);
@@ -706,6 +707,77 @@ CREATE TABLE "celery_tasks"
CONSTRAINT "id_unique" UNIQUE ("id")
);
+-----------------------------------------------------------------------
+-- podcast
+-----------------------------------------------------------------------
+
+DROP TABLE IF EXISTS "podcast" CASCADE;
+
+CREATE TABLE "podcast"
+(
+ "id" serial NOT NULL,
+ "url" VARCHAR(4096) NOT NULL,
+ "title" VARCHAR(4096) NOT NULL,
+ "creator" VARCHAR(4096),
+ "description" VARCHAR(4096),
+ "language" VARCHAR(4096),
+ "copyright" VARCHAR(4096),
+ "link" VARCHAR(4096),
+ "itunes_author" VARCHAR(4096),
+ "itunes_keywords" VARCHAR(4096),
+ "itunes_summary" VARCHAR(4096),
+ "itunes_subtitle" VARCHAR(4096),
+ "itunes_category" VARCHAR(4096),
+ "itunes_explicit" VARCHAR(4096),
+ "owner" INTEGER,
+ PRIMARY KEY ("id")
+);
+
+-----------------------------------------------------------------------
+-- station_podcast
+-----------------------------------------------------------------------
+
+DROP TABLE IF EXISTS "station_podcast" CASCADE;
+
+CREATE TABLE "station_podcast"
+(
+ "id" serial NOT NULL,
+ "podcast_id" INTEGER NOT NULL,
+ PRIMARY KEY ("id")
+);
+
+-----------------------------------------------------------------------
+-- imported_podcast
+-----------------------------------------------------------------------
+
+DROP TABLE IF EXISTS "imported_podcast" CASCADE;
+
+CREATE TABLE "imported_podcast"
+(
+ "id" serial NOT NULL,
+ "auto_ingest" BOOLEAN DEFAULT 'f' NOT NULL,
+ "auto_ingest_timestamp" TIMESTAMP,
+ "podcast_id" INTEGER NOT NULL,
+ PRIMARY KEY ("id")
+);
+
+-----------------------------------------------------------------------
+-- podcast_episodes
+-----------------------------------------------------------------------
+
+DROP TABLE IF EXISTS "podcast_episodes" CASCADE;
+
+CREATE TABLE "podcast_episodes"
+(
+ "id" serial NOT NULL,
+ "file_id" INTEGER,
+ "podcast_id" INTEGER NOT NULL,
+ "publication_date" TIMESTAMP NOT NULL,
+ "download_url" VARCHAR(4096) NOT NULL,
+ "episode_guid" VARCHAR(4096) NOT NULL,
+ PRIMARY KEY ("id")
+);
+
ALTER TABLE "cc_files" ADD CONSTRAINT "cc_files_owner_fkey"
FOREIGN KEY ("owner_id")
REFERENCES "cc_subjs" ("id");
@@ -877,3 +949,28 @@ ALTER TABLE "celery_tasks" ADD CONSTRAINT "celery_service_fkey"
FOREIGN KEY ("track_reference")
REFERENCES "third_party_track_references" ("id")
ON DELETE CASCADE;
+
+ALTER TABLE "podcast" ADD CONSTRAINT "podcast_owner_fkey"
+ FOREIGN KEY ("owner")
+ REFERENCES "cc_subjs" ("id")
+ ON DELETE CASCADE;
+
+ALTER TABLE "station_podcast" ADD CONSTRAINT "podcast_id_fkey"
+ FOREIGN KEY ("podcast_id")
+ REFERENCES "podcast" ("id")
+ ON DELETE CASCADE;
+
+ALTER TABLE "imported_podcast" ADD CONSTRAINT "podcast_id_fkey"
+ FOREIGN KEY ("podcast_id")
+ REFERENCES "podcast" ("id")
+ ON DELETE CASCADE;
+
+ALTER TABLE "podcast_episodes" ADD CONSTRAINT "podcast_episodes_cc_files_fkey"
+ FOREIGN KEY ("file_id")
+ REFERENCES "cc_files" ("id")
+ ON DELETE CASCADE;
+
+ALTER TABLE "podcast_episodes" ADD CONSTRAINT "podcast_episodes_podcast_id_fkey"
+ FOREIGN KEY ("podcast_id")
+ REFERENCES "podcast" ("id")
+ ON DELETE CASCADE;
diff --git a/airtime_mvc/public/ajax/library_placeholders.json b/airtime_mvc/public/ajax/library_placeholders.json
deleted file mode 100644
index d1fa5f8af..000000000
--- a/airtime_mvc/public/ajax/library_placeholders.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "1": {
- "media": "tracks",
- "icon": "icon-music",
- "subtext": "Click 'Upload' to add some now.",
- "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/add-media/"
- },
- "2": {
- "media": "playlists",
- "icon": "icon-list",
- "subtext": "Click 'New' to create one now.",
- "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
- },
- "3": {
- "media": "smart blocks",
- "icon": "icon-time",
- "subtext": "Click 'New' to create one now.",
- "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
-
- },
- "4": {
- "media": "webstreams",
- "icon": "icon-random",
- "subtext": "Click 'New' to create one now.",
- "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
- },
- "unauthorized": "You don't have permission to view the library."
-}
\ No newline at end of file
diff --git a/airtime_mvc/public/css/add-show.css b/airtime_mvc/public/css/add-show.css
index 3e128e8f9..772c49007 100644
--- a/airtime_mvc/public/css/add-show.css
+++ b/airtime_mvc/public/css/add-show.css
@@ -28,8 +28,6 @@
}
#schedule-add-show dl {
- padding: 8px;
- margin-bottom: 8px;
margin: 0;
padding: 0;
width: 100%;
@@ -51,7 +49,6 @@
text-align: left;
min-width: 103px;
padding-top: 4px;
- clear: left;
}
#schedule-add-show dt.big {
@@ -124,7 +121,14 @@ label.wrapp-label input[type="checkbox"] {
}
#add_show_hosts-element > label {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
display: flex;
+ -webkit-align-items: flex-end;
+ -moz-align-items: flex-end;
+ -ms-align-items: flex-end;
align-items: flex-end;
}
diff --git a/airtime_mvc/public/css/addmedia.css b/airtime_mvc/public/css/addmedia.css
index cd7070c5e..3d3d4d753 100644
--- a/airtime_mvc/public/css/addmedia.css
+++ b/airtime_mvc/public/css/addmedia.css
@@ -30,6 +30,10 @@
overflow-x: hidden;
}
+#recent_uploads_table_wrapper > .dataTables_scrolling {
+ border: 0;
+}
+
#recent_uploads_table_wrapper > .fg-toolbar
{
position: absolute;
@@ -56,10 +60,6 @@ table#recent_uploads_table td
margin-top: 5px;
margin-right: 3px;
}
-#recent_uploads_table_length
-{
- margin: 5px;
-}
/** Vertically align radio buttons with the labels */
#recent_uploads_filter input[type='radio'] {
diff --git a/airtime_mvc/public/css/bootstrap.css b/airtime_mvc/public/css/bootstrap.css
index 6024b743a..92c6ce5bc 100644
--- a/airtime_mvc/public/css/bootstrap.css
+++ b/airtime_mvc/public/css/bootstrap.css
@@ -229,7 +229,7 @@ a.badge:hover {
line-height: 18px;
}
.btn-small [class^="icon-"] {
- margin-top: 0;
+ margin-top: -1px;
}
#pl_edit.btn.btn-small {
margin-left: 10px;
diff --git a/airtime_mvc/public/css/dashboard.css b/airtime_mvc/public/css/dashboard.css
index dbdccd327..350f94764 100644
--- a/airtime_mvc/public/css/dashboard.css
+++ b/airtime_mvc/public/css/dashboard.css
@@ -20,23 +20,22 @@
background-color: #242424;
}
+
@media screen and (max-width: 1700px) {
- #library_display_info {
+ .dataTables_info {
display: none;
}
- #library_display_length {
+ .dataTables_length {
float: left;
}
}
@media screen and (max-width: 1600px) {
- #library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > span,
- #show_builder_table_wrapper button:not(.dropdown-toggle):not(.btn-new) > span,
+ .content-pane button:not(.dropdown-toggle):not(.btn-new) > span,
#show_builder_table_wrapper #sb_submit > span {
display: none;
}
- #library_display_wrapper button:not(.dropdown-toggle):not(.btn-new) > i,
- #show_builder_table_wrapper button:not(.dropdown-toggle):not(.btn-new) > i,
+ .content-pane button:not(.dropdown-toggle):not(.btn-new) > i,
#show_builder_table_wrapper #sb_submit > i {
margin-right: 0 !important;
}
@@ -50,6 +49,7 @@
.content-pane {
height: auto !important;
width: 100% !important;
+ min-height: 500px;
}
.spl_sortable {
max-height: 50%;
@@ -67,6 +67,9 @@
#library_title {
padding: 5px 5px 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
}
#library_content {
@@ -79,24 +82,24 @@
}
#library_content .dataTables_filter input[type="text"], #library_content .dataTables_filter select {
- height: 26px;
- margin: 0;
-
- border: 0;
- float: left;
- position: absolute;
- width: 100%;
+ /*margin: 0;*/
+ /* Quick fix, kind of ugly */
+ margin: -30px 0 0;
+ /*border: 0;*/
+ /*float: left;*/
+ /*position: absolute;*/
+ /*width: 100%;*/
}
#library_content label {
padding: 0;
}
-#library_display_length {
- padding: 6px;
+.dataTables_length {
+ padding: 5px 6px;
}
-#library_display_length label {
+.dataTables_length label {
color: #efefef;
line-height: 26px;
font-weight: normal;
@@ -141,7 +144,7 @@ div.btn > span {
z-index: 1;
}
-#library_display_wrapper, #show_builder_table_wrapper {
+.outer-datatable-wrapper .dataTables_wrapper {
position: absolute;
top: 34px;
bottom: 4px;
@@ -149,16 +152,18 @@ div.btn > span {
left: 4px;
}
-#library_display, #show_builder_table {
+/*#library_display, #show_builder_table*/
+.datatable.dataTable {
border: none;
}
-#library_display_wrapper > .dataTables_scrolling,
-#show_builder_table_wrapper > .dataTables_scrolling {
+/*#library_display_wrapper > .dataTables_scrolling,
+#show_builder_table_wrapper > .dataTables_scrolling*/
+.dataTables_wrapper > .dataTables_scrolling {
border: 1px solid #5b5b5b;
}
-#library_empty_image {
+.empty_placeholder_image {
opacity: .3;
width: 16px;
@@ -169,7 +174,7 @@ div.btn > span {
padding-right: 2px; /* For the webstream icon */
}
-#library_empty {
+.empty_placeholder {
display: none;
font-size: 16px;
position: absolute;
@@ -179,14 +184,14 @@ div.btn > span {
color: #efefef;
}
-#library_empty a {
+.empty_placeholder a {
font-size: 0.9em;
line-height: 37px;
text-decoration: none;
color: #FF5D1A;
}
-#library_empty a:visited {
+.empty_placeholder a:visited {
color: #CE3C01;
}
@@ -196,7 +201,7 @@ thead th.ui-state-default {
color: #ccc;
}
-thead th.ui-state-default:not([class*='checkbox']):not([class*='type']):not([class*='image']) {
+thead th.ui-state-default:not([class*='checkbox']):not([class*='type']):not([class*='image']):not([class*='imported']) {
cursor: move;
}
@@ -243,11 +248,19 @@ thead th.ui-state-default:focus {
margin-top: 4px;
}
-#filter_message {
+#lib-filter-message, .filter-message {
border-top: none !important;
text-shadow: none;
}
+.filter-message {
+ position: relative;
+ font-size: 13px;
+ float: right;
+ line-height: 26px;
+ padding: 0 6px;
+}
+
#advanced-options {
float: right;
z-index: 1004;
@@ -283,6 +296,10 @@ thead th.ui-state-default:focus {
left: 4px;
z-index: 1; /* Display above the content wrapper */
+ -webkit-flex: 1 100%;
+ -moz-flex: 1 100%;
+ -ms-flex: 1 100%;
+ -o-flex: 1 100%;
flex: 1 100%;
}
@@ -292,10 +309,6 @@ thead th.ui-state-default:focus {
float: right;
}
-#show_builder .fg-toolbar.ui-corner-tl.ui-corner-tr {
- border-top: none;
-}
-
.sb-content .dataTables_wrapper {
margin: 0;
}
@@ -329,6 +342,7 @@ thead th.ui-state-default:focus {
#sb_show_filter {
right: 0;
+ max-width: 125px;
position: absolute;
}
@@ -384,23 +398,23 @@ textarea {
/* File Metadata Editor */
-#edit-md-dialog {
+.edit-md-dialog {
width: 100%;
background: none;
border: none;
box-shadow: none;
}
-#edit-md-dialog label {
+.edit-md-dialog label {
font-size: 14px;
font-weight: normal;
color: #efefef;
}
-#edit-md-dialog .zend_form dt {
+.edit-md-dialog .zend_form dt {
float: left;
- width: 40%;
+ width: 35%;
text-align: right;
@@ -409,9 +423,9 @@ textarea {
padding-right: 4px;
}
-#edit-md-dialog .zend_form dd {
+.edit-md-dialog .zend_form dd {
float: left;
- width: auto;
+ width: 60%;
font-size: 14px;
margin: 0 0 10px;
@@ -440,6 +454,10 @@ li.ui-state-default {
overflow: hidden;
+ -webkit-flex: 1;
+ -moz-flex: 1;
+ -ms-flex: 1;
+ -o-flex: 1;
flex: 1;
}
@@ -452,7 +470,7 @@ li.ui-state-default {
background-color: transparent;
}
-.side_playlist label, .side_playlist h4, .side_playlist span {
+.side_playlist label/*, .side_playlist h4, .side_playlist span*/ {
color: #efefef;
font-size: 14px;
line-height: 24px;
@@ -464,7 +482,7 @@ li.ui-state-default {
font-size: 14px;
}
-.editor_pane_wrapper {
+.editor_pane_wrapper, .angular_wrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
@@ -477,16 +495,33 @@ li.ui-state-default {
bottom: 4px;
top: 4px;
left: 4px;
+ overflow-x: hidden; /* Show the y-direction scrollbar (magic!) */
+ color: #efefef;
}
-[data-tab-type='md'] > .editor_pane_wrapper {
- overflow-x: hidden; /* Show the y-direction scrollbar (magic!) */
+.angular_wrapper a {
+ color: #FF5D1A;
+}
+
+.angular_wrapper a:visited {
+ color: #CE3C01;
+}
+
+.tab-name {
+ float: left;
+ max-width: 120px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.inner_editor_wrapper {
- max-height: 60%;
overflow-x: hidden;
width: 100%;
+ -webkit-flex: 1 0 auto;
+ -moz-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ -o-flex: 1 0 auto;
flex: 1 0 auto;
padding: 10px;
-webkit-box-sizing: border-box;
@@ -494,9 +529,13 @@ li.ui-state-default {
box-sizing: border-box;
}
+.angular_wrapper > .inner_editor_wrapper {
+ max-height: none;
+}
+
.inner_editor_title h2 {
margin: 10px 0 0 10px;
- width: 85%;
+ width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -519,14 +558,17 @@ li.ui-state-default {
}
.spl-no-r-margin {
- margin-right: 0px;
+ margin-right: 0;
}
.spl_sortable {
height: 100%;
overflow: auto;
- flex: 1 100%;
-webkit-flex: 1 100%;
+ -moz-flex: 1 100%;
+ -ms-flex: 1 100%;
+ -o-flex: 1 100%;
+ flex: 1 100%;
margin: 4px 0;
min-height: 0;
@@ -537,7 +579,15 @@ li.ui-state-default {
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #111;
+
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
display: flex;
+ -webkit-flex-direction: column;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
flex-direction: column;
}
@@ -553,10 +603,24 @@ li.ui-state-default {
font-size: 20px;
+ -webkit-flex: 1 1 auto;
+ -moz-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ -o-flex: 1 1 auto;
flex: 1 1 auto;
/* Position the text label inside it centered*/
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
display: flex;
+ -webkit-justify-content: center;
+ -moz-justify-content: center;
+ -ms-justify-content: center;
justify-content: center;
+ -webkit-flex-direction: column;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
flex-direction: column;
}
@@ -575,8 +639,8 @@ li.ui-state-default {
outline-width: 0;
}
-#edit-md-dialog .zend_form dd:last-child {
- width: 160px;
+.edit-md-dialog .zend_form dd:last-child {
+ width: 100%;
}
/* Smart Block Editor */
@@ -614,24 +678,30 @@ li.ui-state-default {
padding-top: 4px;
}
-/* DataTables */
+/* Schedule tab DataTable */
-#show_builder .fg-toolbar > .btn-toolbar,
-#show_builder .ColVis.TableTools {
+#show_builder_table_wrapper .fg-toolbar.ui-corner-tl.ui-corner-tr {
+ border-top: none;
+}
+
+#show_builder_table_wrapper .fg-toolbar > .btn-toolbar,
+#show_builder_table_wrapper .ColVis.TableTools {
position: absolute;
top: 35px;
}
-#show_builder .fg-toolbar > .btn-toolbar {
+#show_builder_table_wrapper .fg-toolbar > .btn-toolbar {
left: 6px;
padding: 0;
}
-#show_builder .ColVis.TableTools {
+#show_builder_table_wrapper .ColVis.TableTools {
right: 6px;
margin: 0;
}
+/* DataTables */
+
div.ColVis_collectionBackground {
background-color: transparent;
}
@@ -641,7 +711,7 @@ div.ColVis_collectionBackground {
overflow: auto;
}
-.ColVis.TableTools {
+:not(.table_toolbar) > .ColVis.TableTools {
margin: 6px 6px 0 0;
}
@@ -654,6 +724,10 @@ div.ColVis_collectionBackground {
color: #000;
}
+.ColVis {
+ margin-bottom: 0;
+}
+
/* Hacky stuff here */
#show_builder .dataTables_scrolling {
top: 66px;
@@ -665,7 +739,7 @@ div.ColVis_collectionBackground {
.fg-toolbar .btn-toolbar {
margin: 0;
- padding: 6px;
+ padding: 6px 6px 5px;
}
/* ~~~~~~~~~~~~~~~~ */
@@ -696,7 +770,7 @@ th.library_checkbox {
/* This is so dragged items show up above the layout */
-#library_display .ui-draggable-dragging {
+#library_content .ui-draggable-dragging {
z-index: 9999;
position: fixed !important;
}
@@ -718,3 +792,15 @@ th.library_checkbox {
background-color: #FF5D1A !important;
height: 38px !important;
}
+
+/* ~~~~~~~~~~~~~~~~
+ Podcasts
+ ~~~~~~~~~~~~~~~~ */
+
+#podcast_table_filter {
+ display: none;
+}
+
+/* ~~~~~~~~~~~~~~~~
+ END Podcasts
+ ~~~~~~~~~~~~~~~~ */
diff --git a/airtime_mvc/public/css/images/icon_soundcloud_cm_white.png b/airtime_mvc/public/css/images/icon_soundcloud_cm_white.png
new file mode 100644
index 000000000..6ecae5e70
Binary files /dev/null and b/airtime_mvc/public/css/images/icon_soundcloud_cm_white.png differ
diff --git a/airtime_mvc/public/css/media_library.css b/airtime_mvc/public/css/media_library.css
index f76078df8..7947bee37 100644
--- a/airtime_mvc/public/css/media_library.css
+++ b/airtime_mvc/public/css/media_library.css
@@ -200,8 +200,12 @@ tr.lib-selected > td > div.library_actions_btn:hover {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
+ /*width:60%;*/
height: 26px;
- width:60%;
+ border: 0;
+ float: left;
+ position: absolute;
+ width: 100%;
}
.dataTables_filter label {
-webkit-box-sizing: border-box;
diff --git a/airtime_mvc/public/css/playlist_builder.css b/airtime_mvc/public/css/playlist_builder.css
index bb6bac1a0..d6cad09de 100644
--- a/airtime_mvc/public/css/playlist_builder.css
+++ b/airtime_mvc/public/css/playlist_builder.css
@@ -8,13 +8,13 @@
float: left;
}
-#edit-md-dialog ul.errors {
+.edit-md-dialog ul.errors {
clear: both;
float: none;
}
-#edit-md-dialog dd input.input_text {
- width: auto;
+.edit-md-dialog dd input.input_text {
+ width: 100%;
}
.spl_sortable,.spl_sortable>li,.side_playlist>div,#spl_editor,.spl_artist,.spl_cue_in,.spl_fade_in,.spl_cue_out,.spl_fade_out
@@ -44,11 +44,13 @@
.playlist_editor input, .playlist_editor textarea {
width: 200px;
- box-sizing: border-box;
-}
+ height: 70px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;}
.side_playlist textarea {
- height: 3.2em;
+ /*height: 70px;*/
}
.spl_sortable {
@@ -184,7 +186,7 @@
}
.btn-toolbar {
- margin: 0;
+ /*margin: 0;*/
padding: 5px;
}
diff --git a/airtime_mvc/public/css/pro_dropdown_3.css b/airtime_mvc/public/css/pro_dropdown_3.css
index 4acca04ca..f0a276955 100644
--- a/airtime_mvc/public/css/pro_dropdown_3.css
+++ b/airtime_mvc/public/css/pro_dropdown_3.css
@@ -13,7 +13,7 @@ way to fit your requirements.
/*padding:7px 0 0 6px;*/
margin:0;
list-style:none;
- height:28px;
+ /*height:28px;*/
background:#353535;
position:relative;
z-index:500;
@@ -23,6 +23,11 @@ way to fit your requirements.
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
box-shadow: 0 2px 5px rgba(0,0,0,.35);*/
+ -webkit-flex: 1 0 auto;
+ -moz-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ -o-flex: 1 0 auto;
+ flex: 1 0 auto;
}
#nav li.top {
/*margin:0 5px 0 0;*/
diff --git a/airtime_mvc/public/css/radio-page/img/arrow.png b/airtime_mvc/public/css/radio-page/img/arrow.png
new file mode 100644
index 000000000..a440fd39b
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/arrow.png differ
diff --git a/airtime_mvc/public/css/radio-page/img/podcast.png b/airtime_mvc/public/css/radio-page/img/podcast.png
new file mode 100644
index 000000000..3ed3f3d92
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/podcast.png differ
diff --git a/airtime_mvc/public/css/radio-page/img/podcast_download.png b/airtime_mvc/public/css/radio-page/img/podcast_download.png
new file mode 100644
index 000000000..15099a3c8
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/podcast_download.png differ
diff --git a/airtime_mvc/public/css/radio-page/img/podcast_no_play.png b/airtime_mvc/public/css/radio-page/img/podcast_no_play.png
new file mode 100644
index 000000000..a5f9829b7
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/podcast_no_play.png differ
diff --git a/airtime_mvc/public/css/radio-page/img/podcast_play.png b/airtime_mvc/public/css/radio-page/img/podcast_play.png
new file mode 100644
index 000000000..c1436d1ae
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/podcast_play.png differ
diff --git a/airtime_mvc/public/css/radio-page/img/rss.png b/airtime_mvc/public/css/radio-page/img/rss.png
new file mode 100644
index 000000000..52a7f6198
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/img/rss.png differ
diff --git a/airtime_mvc/public/css/radio-page/jplayer.png b/airtime_mvc/public/css/radio-page/jplayer.png
new file mode 100644
index 000000000..1c57f0143
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/jplayer.png differ
diff --git a/airtime_mvc/public/css/radio-page/pbar-ani.gif b/airtime_mvc/public/css/radio-page/pbar-ani.gif
new file mode 100644
index 000000000..0dfd45b88
Binary files /dev/null and b/airtime_mvc/public/css/radio-page/pbar-ani.gif differ
diff --git a/airtime_mvc/public/css/radio-page/premium_player.css b/airtime_mvc/public/css/radio-page/premium_player.css
index 01a65955e..b86f64177 100644
--- a/airtime_mvc/public/css/radio-page/premium_player.css
+++ b/airtime_mvc/public/css/radio-page/premium_player.css
@@ -15,6 +15,7 @@ body {
bottom: 0px;
height: 120px;
background: #fff;
+ display: flex;
}
.bottom_bar .cont_btn {
@@ -37,9 +38,8 @@ body {
}
.on_air {
- display: inline-block;
margin-left: 40px;
- width: 65%
+ flex-grow: 1;
}
.bottom_bar p.now_playing {
@@ -64,6 +64,7 @@ body {
.bottom_bar .button {
width: 50px;
+ min-width: 50px;
height: 50px;
display: inline-block;
margin: 35px 40px;
@@ -71,6 +72,15 @@ body {
float: right;
}
+.bottom_bar .station_rss_btn {
+ background: url('img/podcast.png') no-repeat center 0px;
+}
+
+
+.bottom_bar .station_rss_btn.current {
+ background: url('img/podcast.png') no-repeat center -50px;
+}
+
.bottom_bar .schedule_btn {
background: url('img/schedule.png') no-repeat center 0px;
}
@@ -96,27 +106,31 @@ body {
float: right;
}
+.bottom_bar .radio_tab_label {
+ margin-top: 60px;
+}
+
@media (max-width: 1230px) {
- .on_air {
- width: 60%;
- }
-}
-
-@media (max-width: 1075px) {
- .on_air {
- width: 55%;
- }
-}
-
-@media (max-width: 960px) {
.on_air {
width: 50%;
}
}
+@media (max-width: 1075px) {
+ .on_air {
+ width: 40%;
+ }
+}
+
+@media (max-width: 960px) {
+ .on_air {
+ width: 35%;
+ }
+}
+
@media (max-width: 850px) {
.on_air {
- width: 45%;
+ width: 30%;
}
}
@@ -125,6 +139,10 @@ body {
height: 80px;
}
+ .bottom_bar .flex_spacer {
+ flex-grow: 1;
+ }
+
.bottom_bar .play {
width: 80px;
height: 80px;
diff --git a/airtime_mvc/public/css/radio-page/radio-page.css b/airtime_mvc/public/css/radio-page/radio-page.css
index f5c1ca825..b7cde64db 100644
--- a/airtime_mvc/public/css/radio-page/radio-page.css
+++ b/airtime_mvc/public/css/radio-page/radio-page.css
@@ -63,7 +63,7 @@ span.login-img {
margin: 0 auto 0px -380px;
padding: 10px;
padding-left: 0px;
- padding-bottom: 140px;
+ padding-bottom: 140px !important;
position: absolute;
left: 50%;
/* -webkit-transition-delay: 1s;
@@ -80,22 +80,20 @@ span.login-img {
transition-delay: 2s;
}
-#schedule_iframe.schedule, .about_us, .login {
+.tab_content {
/* -webkit-transition-delay: 1s;
transition-delay: 1s;*/
- transition: all 0.4s ease;
+ transition: opacity 0.4s ease 0.4s;
opacity: 0;
}
-.about_us.current, .login.current, .schedule.current {
+.current {
opacity: 1;
- -webkit-transition-delay: 0.4s;
- transition-delay: 0.4s;
+ -webkit-transition: opacity 0.4s ease 0.0s;
+ transition: opacity 0.4s ease 0.0s;
}
-#schedule_iframe.schedule.current {
- opacity: 1;
-}
+
.about_us h1 {
font-size: 80px; /** Fallback if vw is not suppoted */
@@ -111,11 +109,65 @@ span.login-img {
margin: 10px;
}
-.login h2 {
+
+.podcast .rss_icon span {
+ color: #fff;
+}
+
+.podcast .rss_icon:hover {
+ opacity: 0.8;
+}
+
+.podcast .rss_icon {
+ font-size: 14px;
+ text-decoration: none;
+}
+
+
+.podcast .rss_icon img {
+ vertical-align: middle;
+ margin-left: 10px;
+}
+
+
+.login h2, .podcast h2 {
font-size: 28px;
font-weight: 300;
}
+
+
+.rss-title-wrapper {
+ overflow:hidden;
+}
+
+.rss-title-wrapper div {
+ padding: 10px;
+}
+#rss-title {
+ text-align:left;
+ font-size: 28px;
+ font-weight: 300;
+}
+#rss-subscribe {
+ float: right;
+ overflow:hidden;
+ text-align: right;
+}
+
+@media screen and (max-width: 490px) {
+ #rss-title {
+ float: none;
+ margin-right:0;
+ width:auto;
+ border:0;
+ }
+}
+
+
+
+
+
input[type="text"] {
font-family: 'Roboto', sans-serif;
color: #fff;
diff --git a/airtime_mvc/public/css/radio-page/station-podcast.css b/airtime_mvc/public/css/radio-page/station-podcast.css
new file mode 100644
index 000000000..e3c73987c
--- /dev/null
+++ b/airtime_mvc/public/css/radio-page/station-podcast.css
@@ -0,0 +1,607 @@
+@CHARSET "UTF-8";
+
+/* Used to hide non-ui fields **/
+span.audioFileID {
+ display:none;
+}
+span.audioFileTitle {
+ display:none;
+}
+span.audioFileArtist {
+ display:none;
+}
+span.playlistID {
+ display:none;
+}
+span.playlistIndex {
+ display:none;
+}
+span.showID {
+ display:none;
+}
+span.showIndex {
+ display:none;
+}
+
+/* End of non-ui fields **/
+
+.jp-playlist-current .podcast_title {
+ color: #FF6F01;
+}
+
+.current-track {
+ padding-left: 5px;
+ margin-bottom: 5px;
+}
+
+div.jp-audio,
+div.jp-video {
+
+ /* Edit the font-size to counteract inherited font sizing.
+ * Eg. 1.25em = 1 / 0.8em
+ */
+
+ font-size:1em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
+
+ font-family: Arial,Helvetica,sans-serif;
+ line-height:1.6;
+ color: #9B9B9B;
+ position:relative;
+ /*border-color: #262526 #262526 #5E5E5E;
+ border-style: solid;
+ border-width: 1px;*/
+}
+
+div.jp-audio {
+ width:420px;
+}
+div.jp-video-270p {
+ width:100%;
+}
+div.jp-video-360p {
+ width:640px;
+}
+
+div.jp-interface {
+ /*position: relative;*/
+ /*background-color: #3D3D3D;
+ background: -moz-linear-gradient(top, #6E6E6E 0, #3a3a3a 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6E6E6E), color-stop(100%, #3a3a3a));
+ width: 100%;*/
+ /*max-width: 600px;*/
+ text-align:center;
+ background: rgba(0, 0, 0, 0.3);
+}
+
+div.jp-audio div.jp-type-single div.jp-interface {
+ height:80px;
+}
+div.jp-audio div.jp-type-playlist div.jp-interface {
+ height:45px;
+ padding-top: 10px;
+ display: inline-block;
+ width: 100%;
+}
+
+.rss-buttons {
+ width: 100px;
+ height: 40px;
+}
+
+/* @group CONTROLS */
+
+div.jp-interface ul.jp-controls {
+ float: left;
+ padding: 0;
+ margin: 0;
+ cursor: pointer;
+ position: relative;
+ left: 10px;
+}
+
+div.jp-interface ul.jp-controls li {
+ list-style-type: none;
+ float: left;
+ padding: 1px 2px;
+ margin-right: 5px;
+ border: none;
+}
+
+div.jp-interface ul.jp-controls li.jp-play,
+div.jp-interface ul.jp-controls li.jp-pause {
+ padding: 6px 7px;
+ margin-top: -5px;
+}
+
+div.jp-mute span {
+ background: url("jplayer.png") 0 -90px no-repeat;
+}
+div.jp-mute span:hover {
+ background: url("jplayer.png") -30px -90px no-repeat;
+}
+
+div.jp-unmute span {
+ background: url("jplayer.png") -60px -90px no-repeat;
+}
+div.jp-unmute span:hover {
+ background: url("jplayer.png") -90px -90px no-repeat;
+}
+
+div.jp-volume-max span {
+ background: url("jplayer.png") 0 -112px no-repeat;
+}
+div.jp-volume-max span:hover {
+ background: url("jplayer.png") -30px -112px no-repeat;
+}
+
+
+/* @end */
+
+/* @group progress bar */
+
+div.jp-time-block {
+ position: relative;
+ top: 8px;
+ display: inline;
+ left: 0;
+ /*left: 230px;*/
+ /*margin-left: -150px;*/
+}
+
+div.jp-time-holder {
+ position: relative;
+ display: inline;
+ top: -3px;
+}
+
+div.jp-progress {
+ overflow:hidden;
+ background-color: #393939;
+}
+div.jp-audio div.jp-progress {
+ height: 15px;
+ border-color: #262526 #262526 #262526;
+ border-style: solid;
+ border-width: 1px;
+}
+/*
+div.jp-audio div.jp-type-single div.jp-progress {
+ left:110px;
+ width:186px;
+}
+*/
+div.jp-audio div.jp-type-playlist div.jp-progress {
+ width: 170px;
+ display:inline-block;
+}
+
+div.jp-seek-bar {
+ background-color: #393939;
+ width:0px;
+ height:100%;
+ cursor: pointer;
+}
+div.jp-play-bar {
+ background-color: #FF6F01;
+ width:0px;
+ height:100%;
+}
+
+/* The seeking class is added/removed inside jPlayer */
+div.jp-seeking-bg {
+ background: url("pbar-ani.gif");
+}
+
+/* @end */
+
+/* @group volume controls */
+
+li.jp-mute,
+li.jp-unmute,
+li.jp-volume-max {
+ margin-top: 2px;
+}
+
+div.jp-mute span,
+div.jp-unmute span,
+div.jp-volume-max span{
+ width: 17px;
+ height: 16px;
+}
+
+/*
+div.jp-audio div.jp-type-single a.jp-mute,
+div.jp-audio div.jp-type-single a.jp-unmute {
+ margin-left: 210px;
+}
+*/
+
+div.jp-volume-block {
+ position: absolute;
+ top: 53px;
+ /*left: 500px;*/
+ right: 0;
+ width: 120px;
+}
+
+div.jp-mute,
+div.jp-unmute,
+div.jp-volume-bar,
+div.jp-volume-max {
+ float: left;
+ cursor: pointer;
+}
+
+div.jp-volume-bar {
+ position: absolute;
+ overflow:hidden;
+ background-color: #393939;
+ width: 50px;
+ height:5px;
+ cursor: pointer;
+ margin-left: 20px;
+ margin-top: 2px;
+}
+div.jp-audio div.jp-volume-bar {
+ border-color: #262526 #262526 #5E5E5E;
+ border-style: solid;
+ border-width: 1px;
+}
+
+div.jp-volume-bar-value {
+ background-color: #FF6F01;
+ width:0px;
+ height:5px;
+}
+
+div.jp-volume-max {
+ margin-left: 65px;
+}
+
+/* @end */
+
+/* @group current time and duration */
+
+div.jp-current-time,
+div.jp-duration {
+ width: 60px;
+ font-size: 1em;
+}
+div.jp-current-time {
+ /*float: left;*/
+ display: inline;
+ padding-top: 3px;
+ color: #FF6F01;
+}
+div.jp-duration {
+ float: right;
+ display: inline;
+ text-align: right;
+ color: #9B9B9B;
+}
+
+/* @end */
+
+/* @group playlist */
+
+div.jp-title {
+ font-weight:bold;
+ text-align:center;
+}
+
+div.jp-title,
+/*div.jp-playlist {
+ width:100%;
+ background-color: #D8D8D8;
+}*/
+.podcast_bck {
+ background: rgba(0, 0, 0, 0.3);
+ max-height: 0px;
+ transition: max-height 2s ease;
+ padding: 30px 40px;
+}
+
+.podcast.current .podcast_bck {
+ max-height: 2000px;
+}
+
+/*.podcast .jp-playlist ul, .podcast ul {
+ list-style: none;
+ padding-left: 0px;
+ text-align: left;
+}
+
+.podcast .jp-playlist ul li {
+ padding: 15px 0px 15px 20px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+ transition: border-bottom 0.4s ease;
+ padding-right: 100px;
+ position: relative;
+}
+
+.podcast .jp-playlist ul li:hover {
+ border-bottom: 1px solid rgba(253,137,19,0.4);
+}
+
+.podcast .jp-playlist ul li a {
+ text-decoration: none;
+ font-size: 17px;
+ color: #fff;
+ font-weight: 400;
+ display: block;
+ text-transform: uppercase;
+ clear: both;
+}
+
+.podcast .jp-playlist ul li .podcast_info {
+ display: inline-block;
+}
+
+.podcast .jp-playlist ul li span {
+ margin: 5px 20px 2px 0px;
+ display: inline-block;
+ color: #888;
+}*/
+
+.podcast ul, .podcast ul {
+ list-style: none;
+ padding-left: 0px;
+ text-align: left;
+}
+
+.podcast ul li, .playlist-item-no-preview {
+ padding: 15px 0px 15px 20px;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+ transition: border-bottom 0.4s ease;
+ padding-right: 100px;
+ position: relative;
+}
+
+.podcast ul li:hover, .playlist-item-no-preview:hover {
+ border-bottom: 1px solid rgba(253,137,19,0.4);
+}
+
+.podcast ul li a, .podcast_title, .current-track span {
+ text-decoration: none;
+ font-size: 17px;
+ color: #fff;
+ font-weight: 400;
+ display: block;
+ text-transform: uppercase;
+ clear: both;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+.current-track span {
+ display: inline;
+ margin-left:10px;
+ color: #FF6F01;
+ width: 90%;
+}
+
+.track-overflow {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.podcast ul li .podcast_info {
+ display: inline-block;
+ width: 99%;
+}
+
+.podcast ul li span, .playlist-item-no-preview span {
+ margin: 5px 20px 2px 0px;
+ display: inline-block;
+ color: #888;
+}
+
+
+.podcast_btn_group {
+ display: inline-block;
+ top: 20px;
+ right: 0px;
+ position: absolute;
+ text-align: right;
+}
+
+.podcast .podcast_action_btn {
+ opacity: 0.4;
+ cursor: pointer;
+ margin-right: 15px;
+}
+
+.podcast .podcast_action_btn:hover {
+ opacity: 1;
+}
+
+.podcast .podcast_no_play {
+ margin-right: 15px;
+ opacity: 0.4;
+}
+
+.podcast .podcast_desc_btn {
+ cursor: pointer;
+ background: url('img/arrow.png') no-repeat center right;
+ padding-right: 15px;
+ transition: color 0.4s ease;
+}
+
+.podcast .podcast_desc_btn:hover {
+ color: #fff;
+}
+
+.podcast .podcast_desc_btn.current {
+ color: #fff;
+}
+
+.podcast .podcast_desc {
+ display: none;
+ font-size: 15px;
+}.pagination {
+ list-style: none;
+ padding-left: 0px;
+ margin-top: 10px;
+ }
+
+ul.pagination li {
+ color: #fff;
+ display: inline-block;
+ cursor: pointer;
+ text-align: center;
+ padding: 10px;
+ border-bottom: none;
+ transition: none;
+}
+
+ul.pagination li.current {
+ border-bottom: 1px solid #FD8913;
+}
+
+.current-track {
+ text-align: left;
+}
+
+
+div.jp-type-single div.jp-title,
+div.jp-type-playlist div.jp-title,
+/*div.jp-type-single div.jp-playlist {
+ border-top:none;
+}*/
+div.jp-title ul,
+/*div.jp-playlist ul {
+ list-style-type:none;
+ margin:0;
+ padding:0 20px;
+}*/
+
+div.jp-title li {
+ padding:5px 0;
+ font-weight:bold;
+}
+
+/*div.jp-playlist li {
+ padding:5px 0 4px 20px;
+ border-bottom:1px solid #eee;
+}
+
+div.jp-playlist li div {
+ display:inline;
+}*/
+
+/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
+
+/*div.jp-type-playlist div.jp-playlist li:last-child {
+ padding:5px 0 5px 20px;
+ border-bottom:none;
+}
+div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
+ padding-left:7px;
+}
+div.jp-type-playlist div.jp-playlist a {
+ color: #333;
+ text-decoration: none;
+}
+div.jp-type-playlist div.jp-playlist a:hover {
+ color:#9B9B9B;
+}
+div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
+ color: #FF6F01;
+}*/
+span.jp-artist {
+ font-size: 90%;
+ color:#9B9B9B;
+ margin-left: 5px;
+}
+
+/* @end */
+
+div.jp-video-270p div.jp-video-play {
+ height:270px;
+}
+div.jp-video-360p div.jp-video-play {
+ height:360px;
+}
+div.jp-video-full div.jp-video-play {
+ height:100%;
+ z-index:1000;
+}
+
+div.jp-jplayer audio,
+div.jp-jplayer {
+ width:0px;
+ height:0px;
+}
+
+div.jp-jplayer {
+ background-color: #000000;
+}
+
+/* @group NO SOLUTION error feedback */
+
+.jp-no-solution {
+ position:absolute;
+ width:390px;
+ margin-left:-202px;
+ left:50%;
+ top: 10px;
+
+ padding:5px;
+ font-size:.8em;
+ background-color:#eee;
+ border:2px solid #009be3;
+ color:#000;
+ display:none;
+}
+
+.jp-no-solution a {
+ color:#000;
+}
+
+.jp-no-solution span {
+ font-size:1em;
+ display:block;
+ text-align:center;
+ font-weight:bold;
+}
+
+.playbar {
+ display: block;
+ width: 33%;
+ float: left;
+}
+
+/* @end */
+
+@media (max-width: 780px) {
+ div.jp-audio div.jp-type-playlist div.jp-interface {
+ height: 60px;
+ }
+}
+
+
+@media (max-width: 590px) {
+ .jp-time-block {
+ display:block !important;
+ }
+ .playbar {
+ width: 50%;
+ clear:both;
+ }
+ .playbar-progress {
+
+ margin-left: 10px;
+ }
+ div.jp-audio div.jp-type-playlist div.jp-interface {
+ height: 100px;
+ }
+}
+
+@media (max-width: 430px) {
+
+ .jp-volume-block {
+ display:none;
+ }
+}
\ No newline at end of file
diff --git a/airtime_mvc/public/css/showbuilder.css b/airtime_mvc/public/css/showbuilder.css
index 624475c9f..1bf82ee92 100644
--- a/airtime_mvc/public/css/showbuilder.css
+++ b/airtime_mvc/public/css/showbuilder.css
@@ -41,13 +41,14 @@
}
.sb-content fieldset legend {
- font-size: 13px;
+ font-size: 16px;
white-space: nowrap;
width: 110px;
}
.sb-content fieldset label {
- padding: 2px;
+ /*padding: 2px;*/
+ padding: 0 16px 0 0;
font-size: 12px;
}
diff --git a/airtime_mvc/public/css/station_podcast.css b/airtime_mvc/public/css/station_podcast.css
new file mode 100644
index 000000000..54b828d5d
--- /dev/null
+++ b/airtime_mvc/public/css/station_podcast.css
@@ -0,0 +1,61 @@
+#station_podcast {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+#station_podcast .angular_wrapper {
+ flex-flow: row;
+ overflow: hidden;
+}
+
+#station_podcast .inner_editor_title * {
+ margin: 0;
+}
+
+#station_podcast .inner_editor_title button {
+ margin: 0 0 0 4px;
+}
+
+#station_podcast .collapsible-header {
+ margin: 0 0 20px;
+ top: 20px;
+}
+
+#station_podcast .dataTables_wrapper {
+ margin-left: 10px
+}
+
+#station_podcast .dataTables_filter input {
+ width: 100%;
+}
+
+.station_podcast_wrapper {
+ padding-right: 4px;
+ overflow-x: hidden;
+}
+
+#station_podcast_help_text {
+ padding-top: 20px;
+ font-size: 14px;
+}
+
+#podcast-settings label:nth-child(even) {
+ width: 100%;
+ text-align: left;
+}
+
+#podcast-settings #podcast-privacy-options label {
+ width: 12%;
+ text-align: left;
+}
+
+#podcast-settings label > input {
+ width: auto;
+ margin: 6px 6px 0 0%;
+}
+
+label {
+ text-align: right;
+ line-height: 26px;
+}
\ No newline at end of file
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index 467e79bff..800f00629 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -288,12 +288,20 @@ select {
color:#ff5d1a;
}
.now-playing-block {
+ -webkit-flex: 1 0;
+ -moz-flex: 1 0;
+ -ms-flex: 1 0;
+ -o-flex: 1 0;
flex: 1 0;
background: url(images/masterpanel_spacer.png) no-repeat 0 0;
margin-left: 152px;
padding-left: 14px;
}
.show-block {
+ -webkit-flex: 1 0;
+ -moz-flex: 1 0;
+ -ms-flex: 1 0;
+ -o-flex: 1 0;
flex: 1 0;
}
.text-row {
@@ -373,6 +381,10 @@ select {
background:url(images/masterpanel_spacer.png) no-repeat right 0;
}
.time-info-block {
+ -webkit-flex: 0 150px;
+ -moz-flex: 0 150px;
+ -ms-flex: 0 150px;
+ -o-flex: 0 150px;
flex: 0 150px;
/*position: absolute;*/
/*top: 0;*/
@@ -395,6 +407,10 @@ select {
margin-left: 152px;
}
.time-info-block {
+ -webkit-flex: 1 150px;
+ -moz-flex: 1 150px;
+ -ms-flex: 1 150px;
+ -o-flex: 1 150px;
flex: 1 150px;
}
}
@@ -908,7 +924,7 @@ dl.inline-list dd {
.DataTables_sort_wrapper .ui-icon {
display: block;
float: right;
- margin: 5px 0;
+ margin: 6px 0 0 5px;
}
.dataTables_type {
float:right;
@@ -1004,6 +1020,13 @@ div.blockOverlay {
table.dataTable tbody tr,
table.dataTable span.DataTables_sort_icon {
cursor: pointer;
+
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
table.dataTable th.ui-state-default {
@@ -1172,7 +1195,8 @@ input[type="checkbox"] {
}
#pref_form dt, #pref_form dd,
-#pref_form textarea, #clientdetails_form dd {
+#pref_form textarea, #clientdetails_form dd,
+.podcast-metadata dt, .podcast-metadata dd {
display:block;
float:none;
margin-left:0;
@@ -1180,8 +1204,11 @@ input[type="checkbox"] {
width: 100%;
}
#pref_form textarea {
- width: 98.5%;
+ width: 100%;
padding-left: 5px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
#pref_form select {
width: 100%;
@@ -1703,7 +1730,14 @@ h2#scheduled_playlist_name span {
}
.simple-formblock dd .input_text {
- width: 97.8%;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.simple-formblock dd textarea {
+ height: 70px;
}
.simple-formblock h2 {
@@ -1721,7 +1755,6 @@ h2#scheduled_playlist_name span {
padding-right: 8px;
}
.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text {
- padding: 0;
text-indent: -1e+7px;
padding: 0.1em 1em;
}
@@ -2313,7 +2346,7 @@ span.errors.sp-errors{
background:url(images/icon_finishedplaying_m.png) no-repeat 0 0;
}
.preferences {
- width: 500px;
+ /*width: 500px;*/
margin-bottom: 40px;
}
#preferences_header {
@@ -2418,9 +2451,41 @@ dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio
line-height: 140%;
}
+/* Metadata Editor styles */
+
/* HACK, to be removed after 1.7.0 */
-button.ui-button.md-cancel {
- padding: .4em 1em;
+/*button.ui-button.md-cancel {*/
+/*padding: .4em 1em;*/
+/*}*/
+
+.edit-md-dialog #submitButtons-element {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.md-publish {
+ margin-right: 4px;
+}
+
+.md-save {
+ -webkit-flex: 1 0 auto;
+ -moz-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ -o-flex: 1 0 auto;
+ flex: 1 0 auto;
+ margin-right: 4px;
+}
+
+.md-cancel {
+ -webkit-flex: 1 0 auto;
+ -moz-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ -o-flex: 1 0 auto;
+ flex: 1 0 auto;
}
/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/
@@ -2805,14 +2870,14 @@ dt.block-display.info-block {
padding:350px 0 10px 0;
font-size:36px;
font-weight:bold;
- color:#3e3e3e;
+ color: #8e8e8e;
text-align:center;
letter-spacing:-.3px;
text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0;
rgba(51,51,51,.9)
}
.error-content p {
- color: #272727;
+ color: #acacac;
font-size: 16px;
text-align:center;
margin: 0;
@@ -3485,6 +3550,15 @@ button.btn-icon-text > i.icon-white {
/* Media type selector */
#media_type_nav {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-flow: column;
+ flex-flow: column;
+
+
position: absolute;
top: 102px;
bottom: 0;
@@ -3495,6 +3569,10 @@ button.btn-icon-text > i.icon-white {
width: 152px;
+ -webkit-flex: 1 auto;
+ -moz-flex: 1 auto;
+ -ms-flex: 1 auto;
+ -o-flex: 1 auto;
flex: 1 auto;
padding: 0;
@@ -3508,6 +3586,17 @@ button.btn-icon-text > i.icon-white {
z-index: 100;
text-align: left;
+
+ overflow: auto;
+}
+
+#media_type_nav > div:not(#nav),
+#media_type_nav > hr {
+ -webkit-flex: 0 0 auto;
+ -moz-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ -o-flex: 0 0 auto;
+ flex: 0 0 auto;
}
#media_type_nav .icon-white {
@@ -3538,6 +3627,10 @@ button.btn-icon-text > i.icon-white {
}
#media_selector_wrapper {
+ -webkit-flex: 1 1 100%;
+ -moz-flex: 1 1 100%;
+ -ms-flex: 1 1 100%;
+ -o-flex: 1 1 100%;
flex: 1 1 100%;
display: -webkit-box;
display: -moz-box;
@@ -3554,6 +3647,10 @@ button.btn-icon-text > i.icon-white {
.ui-dialog-content .media_type_selector {
padding-left: 0;
+ -webkit-flex: 1 auto;
+ -moz-flex: 1 auto;
+ -ms-flex: 1 auto;
+ -o-flex: 1 auto;
flex: 1 auto;
}
@@ -3596,7 +3693,7 @@ button.btn-icon-text > i.icon-white {
.media_type_selector a {
text-decoration: none;
color: #cecece;
- padding: 10px 10px 10px 10px;
+ padding: 10px 0 10px 10px;
display: block;
}
@@ -3649,6 +3746,10 @@ button.btn-icon-text > i.icon-white {
left: 152px;
width: 100%;
+ -webkit-flex: 0 100%;
+ -moz-flex: 0 100%;
+ -ms-flex: 0 100%;
+ -o-flex: 0 100%;
flex: 0 100%;
-webkit-box-sizing: border-box;
@@ -3679,6 +3780,10 @@ button.btn-icon-text > i.icon-white {
}
#sub-menu-wrapper {
+ -webkit-flex: 0 140px;
+ -moz-flex: 0 140px;
+ -ms-flex: 0 140px;
+ -o-flex: 0 140px;
flex: 0 140px;
min-width: 140px;
}
@@ -3802,15 +3907,16 @@ hr {
background-color: #242424;
border: 1px solid #5b5b5b;
color: #ccc;
+ -webkit-flex: 0 0 auto;
+ -moz-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ -o-flex: 0 0 auto;
flex: 0 0 auto;
}
#disk_usage {
border-radius: 1px;
- /*position: fixed;
- bottom: 5px;
- left: 10px;*/
- width: 118px;
+ margin: 7px;
font-size: 14px;
text-align: center;
padding: 5px 5px;
@@ -3870,15 +3976,21 @@ li .ui-state-hover {
-webkit-flex-flow: column;
flex-flow: column;
- flex: 1 1;
-webkit-flex: 1 1;
+ -moz-flex: 1 1;
+ -ms-flex: 1 1;
+ -o-flex: 1 1;
+ flex: 1 1;
min-width: 505px;
}
.outer-datatable-wrapper {
position: relative;
+ -webkit-flex: 1 1;
+ -moz-flex: 1 1;
+ -ms-flex: 1 1;
+ -o-flex: 1 1;
flex: 1;
- -webkit-flex: 1;
}
#user_list_inner_wrapper {
@@ -3917,11 +4029,168 @@ li .ui-state-hover {
float: left;
}
-/* UI Revamp Video */
-#whatsnew {
+/* Podcasts */
+
+.DataTables_sort_wrapper {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
display: flex;
+ -webkit-justify-content: flex-start;
+ -moz-justify-content: flex-start;
+ -ms-justify-content: flex-start;
+ justify-content: flex-start;
+}
+
+[id^="podcast_episodes"][id$="_wrapper"] {
+ position: relative;
+ -webkit-flex: 1 100%;
+ -moz-flex: 1 100%;
+ -ms-flex: 1 100%;
+ -o-flex: 1 100%;
+ flex: 1 100%;
+ /*margin: 4px 0 0 !important;*/
+ min-height: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+[id^="podcast_episodes"][id$="_wrapper"] td {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 300px;
+}
+
+.inner_editor_title > h2 {
+ float: left;
+}
+
+.inner_editor_title button {
+ float: right;
+ margin: 5px 10px 0 0;
+}
+
+.angular_wrapper > .station_podcast_wrapper {
+ -webkit-flex: 1 100%;
+ -moz-flex: 1 100%;
+ -ms-flex: 1 100%;
+ -o-flex: 1 100%;
+ flex: 1 100%;
+}
+
+.station_podcast_wrapper {
+ min-width: 50%;
+}
+
+.angular_wrapper legend {
+ background-color: #242424;
+ color: #efefef;
+}
+
+.angular_wrapper .dataTables_scrolling {
+ /* Should find a better way to do this... */
+ top: 74px !important;
+}
+
+.angular_wrapper > .btn-toolbar {
+ padding: 5px 0 0 5px;
+}
+
+.podcast-metadata p {
+ text-align: center;
+ padding: 0 10px;
+ margin-top: 0;
+}
+
+.podcast-metadata label,
+.podcast-metadata input:not([type="checkbox"]),
+.podcast-metadata select,
+.podcast-metadata textarea,
+.media-metadata label,
+.media-metadata input:not([type="checkbox"]),
+.media-metadata select,
+.media-metadata textarea {
+ margin: 4px 0;
+}
+
+.podcast-metadata input[type="checkbox"] {
+ float: left;
+ margin: 8px 0 0;
+}
+
+.podcast-metadata label,
+.media-metadata label {
+ display: block;
+ width: 20%;
+ float: left;
+}
+
+.podcast-metadata input:not([type="checkbox"]),
+.podcast-metadata select,
+.podcast-metadata textarea,
+.media-metadata input:not([type="checkbox"]),
+.media-metadata select,
+.media-metadata textarea {
+ width: 60%;
+ float: left;
+}
+
+.podcast-metadata-field {
+ display: inline-block;
+ width: 60%;
+ min-width: 60%;
+ max-width: 60%;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin: 4px 0;
+ line-height: 24px;
+}
+
+.podcast_episodes_imported {
+ text-align: center !important;
+}
+
+.imported-flag {
+ margin-bottom: -2px;
+}
+
+.loading-icon {
+ background: url("img/loading.gif") no-repeat center center;
+ min-width: 24px;
+ width: 100%;
+ height: 16px;
+ display: block;
+}
+
+.podcast-episode-dialog {
+ max-width: 50%;
+ max-height: 50%;
+ overflow: auto;
+}
+
+/* UI Revamp Video */
+
+#whatsnew {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ -moz-flex-direction: column;
+ -ms-flex-direction: column;
flex-direction: column;
+ -webkit-justify-content: center;
+ -moz-justify-content: center;
+ -ms-justify-content: center;
justify-content: center;
+ -webkit-align-items: center;
+ -moz-align-items: center;
+ -ms-align-items: center;
align-items: center;
max-width: 640px;
@@ -3937,6 +4206,10 @@ li .ui-state-hover {
#whatsnew > button {
margin-top: 10px;
align-self: flex-end;
+ -webkit-flex: 1 0 auto;
+ -moz-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ -o-flex: 1 0 auto;
flex: 1 0 auto;
}
@@ -3963,4 +4236,110 @@ li .ui-state-hover {
}
/* jQuery dialog */
-.no-close .ui-dialog-titlebar-close {display: none }
+.no-close .ui-dialog-titlebar-close {
+ display: none
+}
+
+/* Publishing Dialog */
+
+.icon-soundcloud-white {
+ background: url(images/icon_soundcloud_cm_white.png) 0 0 no-repeat;
+ width: 24px;
+}
+
+.source-name {
+ text-align: left !important;
+}
+
+.publish-sources {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ margin-bottom: 10px;
+}
+
+.publish-sources input[type="checkbox"] {
+ float: left;
+ margin: 8px 20px 0 7px;
+}
+
+.published-sources {
+ color: #efefef;
+ font-size: 14px;
+ line-height: 26px;
+ margin-bottom: 10px;
+}
+
+.published-sources > .checked-icon {
+ height: 26px;
+ padding-right: 8px;
+}
+
+.published-sources > .source-name {
+ display: inline-block;
+ width: 15%;
+ padding: 0 16px;
+}
+
+.publish-edit-md {
+ float: right;
+}
+
+#podcast_url_dialog table tr td {
+ padding: 0;
+}
+
+#podcast_url_dialog .errors {
+ display: inline-block;
+ float: right;
+ width: 50%;
+}
+
+#upgrade-feature-locked {
+ margin: 0 auto;
+ width: 50%;
+ padding: 50px;
+ z-index: 99999;
+}
+#upgrade-feature-locked h2 {
+ font-size: 26px;
+}
+#upgrade-feature-locked h3 {
+ margin: 0px;
+ padding: 0px;
+ margin-bottom: 10px;
+}
+
+/** Override overzealous CSS rules :-( */
+#upgrade-feature-locked ul, #upgrade-feature-locked li {
+ float: initial;
+ list-style-type: disc;
+}
+#upgrade-feature-locked li {
+ display: list-item;
+}
+#upgrade-feature-locked p, #upgrade-feature-locked li {
+ color: #f0f0f0;
+ font-size: 14px;
+ margin-top: 10px;
+ list-style-type: disc;
+}
+
+.upgrade-cta-button {
+ background-color:#e76400;
+ margin: 0 auto;
+ padding: 20px;
+ border-radius: 3px;
+ width: 140px;
+ font-size: 18px;
+ display: block;
+ text-decoration: none;
+ text-align: center;
+ color: #f0f0f0;
+}
+.upgrade-cta-button a {
+ text-decoration: none;
+ color: #f0f0f0;
+}
diff --git a/airtime_mvc/public/index.php b/airtime_mvc/public/index.php
index 5ddad8bb4..52c063be8 100644
--- a/airtime_mvc/public/index.php
+++ b/airtime_mvc/public/index.php
@@ -29,11 +29,15 @@ define('SETUP_PATH', BUILD_PATH . 'airtime-setup/');
define('APPLICATION_PATH', ROOT_PATH . 'application/');
define('CONFIG_PATH', APPLICATION_PATH . 'configs/');
define('VENDOR_PATH', ROOT_PATH . '../vendor/');
+define('REST_MODULE_CONTROLLER_PATH', APPLICATION_PATH . 'modules/rest/controllers/');
define("AIRTIME_CONFIG_STOR", "/etc/airtime/");
define('AIRTIME_CONFIG', 'airtime.conf');
+//Rest Module Controllers - for custom Rest_RouteController.php
+set_include_path(REST_MODULE_CONTROLLER_PATH . PATH_SEPARATOR . get_include_path());
+
//Vendors (Composer)
set_include_path(VENDOR_PATH . PATH_SEPARATOR . get_include_path());
diff --git a/airtime_mvc/public/js/airtime/common/common.js b/airtime_mvc/public/js/airtime/common/common.js
index f3a5cea91..41a25395c 100644
--- a/airtime_mvc/public/js/airtime/common/common.js
+++ b/airtime_mvc/public/js/airtime/common/common.js
@@ -58,6 +58,15 @@ var i18n_days_short = [
$.i18n._("Sa")
];
+var HTTPMethods = Object.freeze({
+ GET: "GET",
+ POST: "POST",
+ PUT: "PUT",
+ PATCH: "PATCH",
+ DELETE: "DELETE",
+ OPTIONS: "OPTIONS"
+});
+
var dateStartId = "#sb_date_start",
timeStartId = "#sb_time_start",
dateEndId = "#sb_date_end",
@@ -69,7 +78,7 @@ function getDatatablesStrings(overrideDict) {
"sEmptyTable": $.i18n._("No data available in table"),
"sInfo": $.i18n._("Showing _START_ to _END_ of _TOTAL_ entries"),
"sInfoEmpty": $.i18n._("Showing 0 to 0 of 0 entries"),
- "sInfoFiltered": $.i18n._("(filtered from _MAX_ total entries)"),
+ "sInfoFiltered": "", // $.i18n._("(filtered from _MAX_ total entries)"),
"sInfoPostFix": $.i18n._(""),
"sInfoThousands": $.i18n._(","),
"sLengthMenu": $.i18n._("Show _MENU_"),
@@ -295,3 +304,55 @@ function getUsabilityHint() {
});
}
+// TODO: build this out so we can use it as a fallback in fail cases
+function buildErrorDialog(message) {
+ var el = $("
");
+ el.text(message);
+ $(document.body).append(el);
+ $("#error_dialog").dialog({
+ title: $.i18n._("Something went wrong!"),
+ resizable: false,
+ modal: true,
+ width: "auto",
+ height: "auto"
+ });
+}
+
+/**
+ * Add title attributes (whose values are their inner text) to all elements in the calling parent matching selector
+ *
+ * @param selector jQuery selector to search descendants
+ * @returns {jQuery}
+ */
+jQuery.fn.addTitles = function(selector) {
+ this.each(function() {
+ // Put this in a mouseenter event handler so it's dynamic
+ // (newly created elements will have the title applied on hover)
+ $(this).on("mouseenter", selector, function () {
+ $(this).attr("title", $(this).text());
+ });
+ });
+
+ return this; // jQuery chaining
+};
+
+// XXX: Old code to pan selector text; keeping this around in case we want to use it later - Duncan
+jQuery.fn.scrollText = function(selector) {
+ this.each(function () {
+ $(this).on("mouseenter", selector, function () {
+ var sw = $(this)[0].scrollWidth - parseFloat($(this).css("textIndent")), iw = $(this).innerWidth();
+ if (sw > iw) {
+ $(this).stop().animate({
+ textIndent: "-" + (sw + 1 - iw) + "px"
+ }, sw * 8);
+ }
+ });
+ $(this).on("mouseleave", selector, function () {
+ $(this).stop().animate({
+ textIndent: "0"
+ }, 500);
+ });
+ });
+
+ return this;
+};
diff --git a/airtime_mvc/public/js/airtime/common/livechat.js b/airtime_mvc/public/js/airtime/common/livechat.js
index 5d1fc9522..a5a0cd462 100644
--- a/airtime_mvc/public/js/airtime/common/livechat.js
+++ b/airtime_mvc/public/js/airtime/common/livechat.js
@@ -22,11 +22,8 @@ $(document).ready(function() {
var ifr = document.getElementById('livechat-compact-container');
if (ifr) {
LC_API.on_chat_state_changed = function(data) {
- if (data.state == 'offline') {
- $('body > .wrapper').css('padding-bottom', 10);
- } else {
- $('body > .wrapper').css('padding-bottom', 40);
- }
+ // Hacky... select elements on pages that have different layouts separately
+ $('body > .wrapper, #stream_form > div, #his-tabs').css('padding-bottom', (data.state == 'offline') ? 10 : 40);
};
clearInterval(lcLoadListener);
}
diff --git a/airtime_mvc/public/js/airtime/library/events/library_showbuilder.js b/airtime_mvc/public/js/airtime/library/events/library_showbuilder.js
index f30323714..dc7b77cea 100644
--- a/airtime_mvc/public/js/airtime/library/events/library_showbuilder.js
+++ b/airtime_mvc/public/js/airtime/library/events/library_showbuilder.js
@@ -69,41 +69,63 @@ var AIRTIME = (function(AIRTIME) {
"timeline");
};
- mod.fnDrawCallback = function fnLibDrawCallback() {
-
- mod.redrawChosen();
- mod.checkToolBarIcons();
-
- var cb = $('th.library_checkbox'),
- emptyRow = $('#library_display').find('tr:has(td.dataTables_empty)');
- if (cb.find("input").length == 0) {
- cb.append("
");
+ /**
+ * Draw a placeholder for the given table to show if it has no data.
+ *
+ * @param {Object} table jQuery object containing the table DOM node
+ */
+ mod.drawEmptyPlaceholder = function (table) {
+ var opts;
+ if (table instanceof AIRTIME.widgets.Table) {
+ opts = table.getEmptyPlaceholder();
+ table = table.getDatatable();
+ if (!table) {
+ return;
+ }
}
-
- var libEmpty = $('#library_empty');
+ var emptyRow = table.find('tr:has(td.dataTables_empty)'),
+ wrapper = table.closest(".dataTables_wrapper"),
+ libEmpty = wrapper.find('.empty_placeholder');
if (emptyRow.length > 0) {
emptyRow.hide();
- var mediaType = parseInt($('.media_type_selector.selected').attr('data-selection-id')),
- img = $('#library_empty_image');
+ var mediaType = parseInt($('.media_type_selector.selected').data('selection-id')),
+ img = wrapper.find('.empty_placeholder_image');
+ if (!opts && isNaN(mediaType)) {
+ return;
+ }
// Remove all classes for when we change between empty media types
- img.removeClass(function() {
- return $( this ).attr( "class" );
- });
- // TODO: once the new manual pages are added, change links!
- $.getJSON( "ajax/library_placeholders.json", function( data ) {
- var opts = data[mediaType];
- img.addClass("icon-white " + opts.icon);
- $('#library_empty_text').html(
+ img.removeClass(function() { return $(this).attr("class"); });
+
+ if (opts) {
+ img.addClass("empty_placeholder_image " + opts.iconClass);
+ wrapper.find('.empty_placeholder_text').html(opts.html);
+ } else {
+ opts = AIRTIME.library.placeholder(mediaType);
+ img.addClass("empty_placeholder_image icon-white " + opts.icon);
+ wrapper.find('.empty_placeholder_text').html(
$.i18n._("You haven't added any " + opts.media + ".")
+ "
" + $.i18n._(opts.subtext)
+ "
" + $.i18n._("Learn about " + opts.media) + ""
);
- });
+ }
libEmpty.show();
} else {
libEmpty.hide();
}
+ };
+
+ mod.fnDrawCallback = function fnLibDrawCallback() {
+ var table = $('#library_display'),
+ cb = table.find('th[class*="checkbox"]');
+ if (cb.find("input").length == 0) {
+ cb.append("
");
+ }
+
+ mod.redrawChosen();
+ mod.checkToolBarIcons();
+
+ mod.drawEmptyPlaceholder(table);
var sortable;
@@ -111,46 +133,6 @@ var AIRTIME = (function(AIRTIME) {
sortable = "#show_builder_table";
} else {
sortable = ".active-tab .spl_sortable";
- //$('#library_display tr[class*="lib-"]')
- // .draggable(
- // {
- // helper: function () {
- //
- // var $el = $(this), selected = mod
- // .getChosenAudioFilesLength(), container, message,
- // width = $(this).width(), height = 55;
- //
- // // dragging an element that has an unselected
- // // checkbox.
- // if (mod.isChosenItem($el) === false) {
- // selected++;
- // }
- //
- // if (selected === 1) {
- // message = $.i18n._("Adding 1 Item");
- // } else {
- // message = sprintf($.i18n._("Adding %s Items"), selected);
- // }
- //
- // container = $('
').append(
- // "
").find("li").addClass(
- // "ui-state-default").append("
")
- // .find("div").addClass(
- // "list-item-container").append(
- // message).end().width(width)
- // .height(height).end();
- //
- // return container;
- // },
- // create: function(event, ui) {
- // $(this).draggable("option", "cursorAt", {
- // left: Math.floor(this.clientWidth / 2)
- // });
- // },
- // cursor: 'move',
- // distance: 25, // min-distance for dragging
- // connectToSortable: '.active-tab .spl_sortable'
- // });
}
$('#library_display tr[class*="lib-"]')
@@ -265,11 +247,48 @@ var AIRTIME = (function(AIRTIME) {
return true;
}
+ mod.addToSchedule = function (selected) {
+ console.log(selected);
+ var aMediaIds = [], aSchedIds = [], aData = [];
+
+ $.each(selected, function () {
+ aMediaIds.push({
+ "id": this.id,
+ "type": this.ftype
+ });
+ });
+
+ // process selected files/playlists.
+ $("#show_builder_table").find("tr.sb-selected").each(function (i, el) {
+ aData.push($(el).data("aData"));
+ });
+
+ // process selected schedule rows to add media after.
+ $.each(aData, function () {
+ aSchedIds.push({
+ "id": this.id,
+ "instance": this.instance,
+ "timestamp": this.timestamp
+ });
+ });
+
+ if (aSchedIds.length == 0) {
+ if (!addToCurrentOrNext(aSchedIds)) {
+ return;
+ }
+ }
+
+ AIRTIME.showbuilder.fnAdd(aMediaIds, aSchedIds);
+ };
+
mod.setupLibraryToolbar = function() {
var $toolbar = $(".lib-content .fg-toolbar:first");
mod.createToolbarButtons();
- mod.moveSearchBarToHeader();
+ //mod.moveSearchBarToHeader();
+ $("#advanced_search").click(function(e) {
+ e.stopPropagation();
+ });
if (localStorage.getItem('user-type') != 'G') {
$toolbar.append($menu);
@@ -283,45 +302,14 @@ var AIRTIME = (function(AIRTIME) {
return;
}
- var selected = AIRTIME.library.getSelectedData(), data, i, length, temp, aMediaIds = [], aSchedIds = [], aData = [];
+ var selected = AIRTIME.library.getSelectedData(), aMediaIds = [];
if ($("#show_builder_table").is(":visible")) {
- for (i = 0, length = selected.length; i < length; i++) {
- data = selected[i];
- aMediaIds.push({
- "id": data.id,
- "type": data.ftype
- });
- }
-
- // process selected files/playlists.
- $("#show_builder_table tr.sb-selected").each(function (i, el) {
- aData.push($(el).data("aData"));
- });
-
- // process selected schedule rows to add media
- // after.
- for (i = 0, length = aData.length; i < length; i++) {
- temp = aData[i];
- aSchedIds.push({
- "id": temp.id,
- "instance": temp.instance,
- "timestamp": temp.timestamp
- });
- }
-
- if (aSchedIds.length == 0) {
- if (!addToCurrentOrNext(aSchedIds)) {
- return;
- }
- }
-
- AIRTIME.showbuilder.fnAdd(aMediaIds, aSchedIds);
+ mod.addToSchedule(selected);
} else {
- for (i = 0, length = selected.length; i < length; i++) {
- data = selected[i];
- aMediaIds.push([data.id, data.ftype]);
- }
+ $.each(selected, function () {
+ aMediaIds.push([this.id, this.ftype]);
+ });
// check if a playlist/block is open before adding items
if ($('.active-tab .obj_type').val() == 'playlist'
@@ -331,9 +319,22 @@ var AIRTIME = (function(AIRTIME) {
}
});
+ $toolbar.find('#publish-btn').click(function () {
+ if (AIRTIME.button.isDisabled('btn-group #publish-btn') === true) {
+ return;
+ }
+
+ var selected = $(".lib-selected");
+
+ selected.each(function (i, el) {
+ var data = $(el).data("aData");
+ AIRTIME.publish.openPublishDialog(data.id);
+ });
+ });
+
// delete from library.
- $toolbar.find('.icon-trash').parent().click(function () {
- if (AIRTIME.button.isDisabled('icon-trash') === true) {
+ $toolbar.find('#sb-delete').click(function () {
+ if (AIRTIME.button.isDisabled('btn-group #sb-delete') === true) {
return;
}
@@ -345,13 +346,13 @@ var AIRTIME = (function(AIRTIME) {
return;
}
- var selection = $(".media_type_selector.selected").attr("data-selection-id");
+ var selection = $(".media_type_selector.selected").data("selection-id");
- if (selection == 2) {
+ if (selection == AIRTIME.library.MediaTypeIntegerEnum.PLAYLIST) {
AIRTIME.playlist.fnNew();
- } else if (selection == 3) {
+ } else if (selection == AIRTIME.library.MediaTypeIntegerEnum.BLOCK) {
AIRTIME.playlist.fnNewBlock();
- } else if (selection == 4) {
+ } else if (selection == AIRTIME.library.MediaTypeIntegerEnum.WEBSTREAM) {
AIRTIME.playlist.fnWsNew();
}
});
@@ -369,14 +370,14 @@ var AIRTIME = (function(AIRTIME) {
if (data.ftype === "audioclip") {
$.get(baseUrl + "library/edit-file-md/id/" + data.id, {format: "json"}, function (json) {
- AIRTIME.playlist.fileMdEdit(json);
+ AIRTIME.playlist.fileMdEdit(json, data.tr_id);
//buildEditMetadataDialog(json);
});
} else if (data.ftype === "playlist" || data.ftype === "block") {
- AIRTIME.playlist.fnEdit(data.id, data.ftype, baseUrl + 'playlist/edit');
+ AIRTIME.playlist.fnEdit(data, baseUrl + 'playlist/edit');
AIRTIME.playlist.validatePlaylistElements();
} else if (data.ftype === "stream") {
- AIRTIME.playlist.fnEdit(data.id, data.ftype, baseUrl + 'webstream/edit');
+ AIRTIME.playlist.fnEdit(data, baseUrl + 'webstream/edit');
}
});
});
diff --git a/airtime_mvc/public/js/airtime/library/library.js b/airtime_mvc/public/js/airtime/library/library.js
index f0da5c841..e30b45295 100644
--- a/airtime_mvc/public/js/airtime/library/library.js
+++ b/airtime_mvc/public/js/airtime/library/library.js
@@ -8,7 +8,9 @@ var AIRTIME = (function(AIRTIME) {
chosenItems = {},
visibleChosenItems = {},
$previouslySelected,
- flagForDeselection = false;
+ flagForDeselection = false,
+ $datatables = {},
+ onDashboard = (window.location.href.indexOf("showbuilder") > -1);
// we need to know whether the criteria value is string or
@@ -28,6 +30,7 @@ var AIRTIME = (function(AIRTIME) {
"copyright" : "s",
"cuein" : "n",
"cueout" : "n",
+ "description" : "s",
"utime" : "n",
"mtime" : "n",
"lptime" : "n",
@@ -58,6 +61,88 @@ var AIRTIME = (function(AIRTIME) {
}
mod = AIRTIME.library;
+ /* ############################################
+ CONFIGURATION
+ ############################################ */
+
+ mod.MediaTypeIntegerEnum = Object.freeze({
+ DEFAULT: 1,
+ FILE: 1,
+ PLAYLIST: 2,
+ BLOCK: 3,
+ WEBSTREAM: 4,
+ PODCAST: 5
+ });
+
+ mod.MediaTypeStringEnum = Object.freeze({
+ FILE: "au",
+ PLAYLIST: "pl",
+ BLOCK: "bl",
+ WEBSTREAM: "ws",
+ PODCAST: "pc"
+ });
+
+ mod.MediaTypeFullToStringEnum = Object.freeze({
+ //FILE: "au",
+ "playlist": "pl",
+ "block": "bl",
+ "stream": "ws"
+ });
+
+ mod.DataTableTypeEnum = Object.freeze({
+ LIBRARY : "library",
+ PODCAST : "podcast",
+ PODCAST_EPISODES: "podcastEpisodes"
+ });
+
+ // TODO: once the new manual pages are added, change links!
+ mod.placeholder = function(mediaType) {
+ switch (mediaType) {
+ // TODO: remove duplication in a nice way?
+ case mod.MediaTypeIntegerEnum.FILE:
+ return {
+ "media": "tracks",
+ "icon": "icon-music",
+ "subtext": "Click 'Upload' to add some now.",
+ "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/add-media/"
+ };
+ case mod.MediaTypeIntegerEnum.PLAYLIST:
+ return {
+ "media": "playlists",
+ "icon": "icon-list",
+ "subtext": "Click 'New' to create one now.",
+ "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
+ };
+ case mod.MediaTypeIntegerEnum.BLOCK:
+ return {
+ "media": "smart blocks",
+ "icon": "icon-time",
+ "subtext": "Click 'New' to create one now.",
+ "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
+ };
+ case mod.MediaTypeIntegerEnum.WEBSTREAM:
+ return {
+ "media": "webstreams",
+ "icon": "icon-random",
+ "subtext": "Click 'New' to create one now.",
+ "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
+ };
+ case mod.MediaTypeIntegerEnum.PODCAST:
+ return {
+ "media": "podcasts",
+ "icon": "icon-headphones",
+ "subtext": "Click 'Add' to create one now.",
+ "href": "http://sourcefabric.booktype.pro/airtime-pro-for-broadcasters/library/"
+ };
+ default:
+ break;
+ }
+ };
+
+ /* ############################################
+ END CONFIGURATION
+ ############################################ */
+
mod.getChosenItemsLength = function(){
var cItem,
selected,
@@ -144,19 +229,23 @@ var AIRTIME = (function(AIRTIME) {
"
"
).append(
"
" +
- "
"
);
- };
- mod.moveSearchBarToHeader = function() {
- $("#library_display_filter").appendTo("#library_content > .panel-header");
- $("#advanced_search").click(function(e) {
- e.stopPropagation();
- });
+ if (onDashboard) {
+ $menu.append(
+ "
" +
+ "" +
+ "
"
+ );
+ }
};
mod.createToolbarDropDown = function() {
@@ -174,10 +263,10 @@ var AIRTIME = (function(AIRTIME) {
}
if (check === true) {
- AIRTIME.button.enableButton("btn-group #sb-trash", false);
+ AIRTIME.button.enableButton("btn-group #sb-delete", false);
}
else {
- AIRTIME.button.disableButton("btn-group #sb-trash", false);
+ AIRTIME.button.disableButton("btn-group #sb-delete", false);
}
};
@@ -198,10 +287,10 @@ var AIRTIME = (function(AIRTIME) {
};
mod.checkNewButton = function() {
- var selected = $(".media_type_selector.selected").attr("data-selection-id"),
+ var selected = $(".media_type_selector.selected").data("selection-id"),
check = false;
- if (selected != 1) {
+ if (selected != AIRTIME.library.MediaTypeIntegerEnum.FILE) {
check = true;
}
@@ -213,11 +302,28 @@ var AIRTIME = (function(AIRTIME) {
}
};
+ mod.checkPublishButton = function() {
+ var selected = mod.getChosenItemsLength(),
+ mediaType = $(".media_type_selector.selected").data("selection-id"),
+ check = false;
+
+ if (mediaType == AIRTIME.library.MediaTypeIntegerEnum.FILE && selected > 0) {
+ check = true;
+ }
+
+ if (check === true) {
+ AIRTIME.button.enableButton("btn-group #publish-btn", false);
+ } else {
+ AIRTIME.button.disableButton("btn-group #publish-btn", false);
+ }
+ };
+
mod.checkToolBarIcons = function() {
AIRTIME.library.checkAddButton();
AIRTIME.library.checkDeleteButton();
AIRTIME.library.checkEditButton();
AIRTIME.library.checkNewButton();
+ AIRTIME.library.checkPublishButton();
};
mod.getSelectedData = function() {
@@ -376,7 +482,7 @@ var AIRTIME = (function(AIRTIME) {
mod.fnDeleteItems = function(aMedia) {
//Prevent the user from spamming the delete button while the AJAX request is in progress
- AIRTIME.button.disableButton("btn-group #sb-trash", false);
+ AIRTIME.button.disableButton("btn-group #sb-delete", false);
var openTabObjectIds = $(".obj_id"),
mediaIds = [];
for (var i in aMedia) {
@@ -386,7 +492,7 @@ var AIRTIME = (function(AIRTIME) {
openTabObjectIds.each(function(i, el) {
var v = parseInt($(el).val());
if ($.inArray(v, mediaIds) > -1) {
- AIRTIME.playlist.closeTab($(el).closest(".pl-content").attr("data-tab-id"));
+ AIRTIME.tabs.get($(el).closest(".pl-content").attr("data-tab-id")).close();
}
});
@@ -398,10 +504,14 @@ var AIRTIME = (function(AIRTIME) {
}
chosenItems = {};
- oTable.fnStandingRedraw();
+ if (oTable == $datatables[mod.DataTableTypeEnum.PODCAST_EPISODES]) {
+ mod.podcastEpisodeTableWidget.reload();
+ } else {
+ oTable.fnStandingRedraw();
+ }
//Re-enable the delete button
- AIRTIME.button.enableButton("btn-group #sb-trash", false);
+ AIRTIME.button.enableButton("btn-group #sb-delete", false);
});
mod.selectNone();
};
@@ -429,18 +539,6 @@ var AIRTIME = (function(AIRTIME) {
}
AIRTIME.library.fnDeleteItems(aMedia);
-
- // close the object (playlist/block/webstream)
- // on the right side if it was just deleted
- // from the library
-
- //if (closeObj) {
- // $.post(baseUrl+"playlist/close-playlist",
- // {"format": "json", "type": currentObjType},
- // function(json) {
- // $("#editor_pane_wrapper").empty().append(json.html);
- // });
- //}
}
};
@@ -454,7 +552,254 @@ var AIRTIME = (function(AIRTIME) {
var colReorderMap = new Array();
- $libTable = $libContent.find("table");
+ $libTable = $("#library_display");
+
+ // put hidden columns at the top to insure they can never be visible
+ // on the table through column reordering.
+
+ //IMPORTANT: WHEN ADDING A NEW COLUMN PLEASE CONSULT WITH THE WIKI
+ // https://wiki.sourcefabric.org/display/CC/Adding+a+new+library+datatable+column
+ var cols = [
+ /* ftype */ { "sTitle" : "" , "mDataProp" : "ftype" , "bSearchable" : false , "bVisible" : false },
+ /* Checkbox */ { "sTitle" : "" , "mDataProp" : "checkbox" , "bSortable" : false , "bSearchable" : false , "sWidth" : "16px" , "sClass" : "library_checkbox" },
+ /* Type */ { "sTitle" : "" , "mDataProp" : "image" , "bSortable" : false , "bSearchable" : false , "sWidth" : "16px" , "sClass" : "library_type" , "iDataSort" : 0 },
+ /* Is Scheduled */ { "sTitle" : $.i18n._("Scheduled") , "mDataProp" : "is_scheduled" , "bVisible" : false , "bSearchable" : false , "sWidth" : "90px" , "sClass" : "library_is_scheduled" },
+ ///* Is Playlist */ { "sTitle" : $.i18n._("Playlist / Block") , "mDataProp" : "is_playlist" , "bSearchable" : false , "sWidth" : "110px" , "sClass" : "library_is_playlist"} ,
+ /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "track_title" , "sClass" : "library_title" , "sWidth" : "170px" },
+ /* Creator */ { "sTitle" : $.i18n._("Creator") , "mDataProp" : "artist_name" , "sClass" : "library_creator" , "sWidth" : "160px" },
+ /* Album */ { "sTitle" : $.i18n._("Album") , "mDataProp" : "album_title" , "sClass" : "library_album" , "sWidth" : "150px" },
+ /* Bit Rate */ { "sTitle" : $.i18n._("Bit Rate") , "mDataProp" : "bit_rate" , "bVisible" : false , "sClass" : "library_bitrate" , "sWidth" : "80px" },
+ /* BPM */ { "sTitle" : $.i18n._("BPM") , "mDataProp" : "bpm" , "bVisible" : false , "sClass" : "library_bpm" , "sWidth" : "50px" },
+ /* Composer */ { "sTitle" : $.i18n._("Composer") , "mDataProp" : "composer" , "bVisible" : false , "sClass" : "library_composer" , "sWidth" : "150px" },
+ /* Conductor */ { "sTitle" : $.i18n._("Conductor") , "mDataProp" : "conductor" , "bVisible" : false , "sClass" : "library_conductor" , "sWidth" : "125px" },
+ /* Copyright */ { "sTitle" : $.i18n._("Copyright") , "mDataProp" : "copyright" , "bVisible" : false , "sClass" : "library_copyright" , "sWidth" : "125px" },
+ /* Cue In */ { "sTitle" : $.i18n._("Cue In") , "mDataProp" : "cuein" , "bVisible" : false , "sClass" : "library_length" , "sWidth" : "80px" },
+ /* Cue Out */ { "sTitle" : $.i18n._("Cue Out") , "mDataProp" : "cueout" , "bVisible" : false , "sClass" : "library_length" , "sWidth" : "80px" },
+ /* Description */ { "sTitle" : $.i18n._("Description") , "mDataProp" : "description" , "bVisible" : false , "sClass" : "library_description" , "sWidth" : "150px" },
+ /* Encoded */ { "sTitle" : $.i18n._("Encoded By") , "mDataProp" : "encoded_by" , "bVisible" : false , "sClass" : "library_encoded" , "sWidth" : "150px" },
+ /* Genre */ { "sTitle" : $.i18n._("Genre") , "mDataProp" : "genre" , "bVisible" : false , "sClass" : "library_genre" , "sWidth" : "100px" },
+ /* ISRC Number */ { "sTitle" : $.i18n._("ISRC") , "mDataProp" : "isrc_number" , "bVisible" : false , "sClass" : "library_isrc" , "sWidth" : "150px" },
+ /* Label */ { "sTitle" : $.i18n._("Label") , "mDataProp" : "label" , "bVisible" : false , "sClass" : "library_label" , "sWidth" : "125px" },
+ /* Language */ { "sTitle" : $.i18n._("Language") , "mDataProp" : "language" , "bVisible" : false , "sClass" : "library_language" , "sWidth" : "125px" },
+ /* Last Modified */ { "sTitle" : $.i18n._("Last Modified") , "mDataProp" : "mtime" , "bVisible" : false , "sClass" : "library_modified_time" , "sWidth" : "155px" },
+ /* Last Played */ { "sTitle" : $.i18n._("Last Played") , "mDataProp" : "lptime" , "bVisible" : false , "sClass" : "library_modified_time" , "sWidth" : "155px" },
+ /* Length */ { "sTitle" : $.i18n._("Length") , "mDataProp" : "length" , "sClass" : "library_length" , "sWidth" : "80px" },
+ /* Mime */ { "sTitle" : $.i18n._("Mime") , "mDataProp" : "mime" , "bVisible" : false , "sClass" : "library_mime" , "sWidth" : "80px" },
+ /* Mood */ { "sTitle" : $.i18n._("Mood") , "mDataProp" : "mood" , "bVisible" : false , "sClass" : "library_mood" , "sWidth" : "70px" },
+ /* Owner */ { "sTitle" : $.i18n._("Owner") , "mDataProp" : "owner_id" , "bVisible" : false , "sClass" : "library_language" , "sWidth" : "125px" },
+ /* Replay Gain */ { "sTitle" : $.i18n._("Replay Gain") , "mDataProp" : "replay_gain" , "bVisible" : false , "sClass" : "library_replay_gain" , "sWidth" : "125px" },
+ /* Sample Rate */ { "sTitle" : $.i18n._("Sample Rate") , "mDataProp" : "sample_rate" , "bVisible" : false , "sClass" : "library_sr" , "sWidth" : "125px" },
+ /* Track Number */ { "sTitle" : $.i18n._("Track Number") , "mDataProp" : "track_number" , "bVisible" : false , "sClass" : "library_track" , "sWidth" : "125px" },
+ /* Upload Time */ { "sTitle" : $.i18n._("Uploaded") , "mDataProp" : "utime" , "bVisible" : false , "sClass" : "library_upload_time" , "sWidth" : "155px" },
+ /* Website */ { "sTitle" : $.i18n._("Website") , "mDataProp" : "info_url" , "bVisible" : false , "sClass" : "library_url" , "sWidth" : "150px" },
+ /* Year */ { "sTitle" : $.i18n._("Year") , "mDataProp" : "year" , "bVisible" : false , "sClass" : "library_year" , "sWidth" : "60px" }
+ ];
+
+ if (onDashboard) {
+ cols.push(
+ /* Context Menu */ { "sTitle" : "" , "mDataProp" : "options" , "bSortable" : false , "bSearchable" : false , "sWidth" : "20px", "sClass" : "library_actions" }
+ );
+ }
+
+ var colExclude = onDashboard ? [0, 1, 2, 32] : [0, 1, 2];
+
+ /* ############################################
+ DATATABLES
+ ############################################ */
+
+ mod.libraryDataTable = $libTable.dataTable({
+
+ // put hidden columns at the top to insure they can never be visible
+ // on the table through column reordering.
+
+ //IMPORTANT: WHEN ADDING A NEW COLUMN PLEASE CONSULT WITH THE WIKI
+ // https://wiki.sourcefabric.org/display/CC/Adding+a+new+library+datatable+column
+ "aoColumns": cols,
+ "bProcessing": true,
+ "bServerSide": true,
+ "aLengthMenu": [25, 50, 100],
+ "bStateSave": true,
+ "fnStateSaveParams": function (oSettings, oData) {
+ // remove oData components we don't want to save.
+ delete oData.oSearch;
+ delete oData.aoSearchCols;
+ },
+ "fnStateSave": function (oSettings, oData) {
+ localStorage.setItem('datatables-library', JSON.stringify(oData));
+
+ // Sadly, this is necessary because we need to unscramble the colReorder map on the backend
+ $.ajax({
+ url: baseUrl + "usersettings/set-library-datatable",
+ type: "POST",
+ data: {settings: oData, format: "json"},
+ dataType: "json"
+ });
+
+ colReorderMap = oData.ColReorder;
+ },
+ "fnStateLoad": function fnLibStateLoad(oSettings) {
+ var settings = JSON.parse(localStorage.getItem('datatables-library'));
+ // Hacky; always set the visibility of the last column (actions buttons) to true
+ if (settings && settings.abVisCols) settings.abVisCols[settings.abVisCols.length - 1] = true;
+
+ try {
+ return settings;
+ } catch (e) {
+ return null;
+ }
+ },
+ "fnStateLoadParams": function (oSettings, oData) {
+ var i,
+ length,
+ a = oData.abVisCols;
+
+ if (a) {
+ // putting serialized data back into the correct js type to make
+ // sure everything works properly.
+ for (i = 0, length = a.length; i < length; i++) {
+ if (typeof(a[i]) === "string") {
+ a[i] = (a[i] === "true");
+ }
+ }
+ }
+
+ a = oData.ColReorder;
+ if (a) {
+ for (i = 0, length = a.length; i < length; i++) {
+ if (typeof(a[i]) === "string") {
+ a[i] = parseInt(a[i], 10);
+ }
+ }
+ }
+
+ oData.iEnd = parseInt(oData.iEnd, 10);
+ oData.iLength = parseInt(oData.iLength, 10);
+ oData.iStart = parseInt(oData.iStart, 10);
+ oData.iCreate = parseInt(oData.iCreate, 10);
+ },
+
+ "sAjaxSource": baseUrl + "Library/contents-feed",
+ "sAjaxDataProp": "files",
+
+ "fnServerData": function (sSource, aoData, fnCallback) {
+ /*
+ * The real validation check is done in
+ * dataTables.columnFilter.js We also need to check it here
+ * because datatable is redrawn everytime an action is performed
+ * in the Library page. In order for datatable to redraw the
+ * advanced search fields MUST all be valid.
+ */
+ var advSearchFields = $("div#advanced_search").children(':visible');
+ var advSearchValid = validateAdvancedSearch(advSearchFields);
+ var type;
+ aoData.push({name: "format", value: "json"});
+ aoData.push({name: "advSearch", value: advSearchValid});
+
+ // push whether to search files/playlists or all.
+ type = $(".media_type_selector.selected").data("selection-id");
+ type = (type === undefined) ? AIRTIME.library.MediaTypeIntegerEnum.DEFAULT : type;
+ aoData.push({name: "type", value: type});
+
+ $.ajax({
+ "dataType": 'json',
+ "type": "POST",
+ "url": sSource,
+ "data": aoData,
+ "success": fnCallback,
+ "error": handleAjaxError
+ }).done(function (data) {
+ var filterMessage = $libContent.find('.filter-message');
+ if (data.iTotalRecords > data.iTotalDisplayRecords) {
+ filterMessage.text(
+ $.i18n._("Filtering out ") + (data.iTotalRecords - data.iTotalDisplayRecords)
+ + $.i18n._(" of ") + data.iTotalRecords
+ + $.i18n._(" records")
+ );
+ $('.empty_placeholder').hide();
+ $libTable.find('tr:has(td.dataTables_empty)').show();
+ } else {
+ filterMessage.text("");
+ }
+ $libContent.find('.dataTables_filter input[type="text"]')
+ .css('padding-right', $('#advanced-options').find('button').outerWidth());
+ });
+ },
+ "fnRowCallback": AIRTIME.library.fnRowCallback,
+ "fnCreatedRow": function (nRow, aData, iDataIndex) {
+ // add checkbox
+ $(nRow).find('td.library_checkbox').html("
");
+
+ if (onDashboard) {
+ $(nRow).find('td.library_actions')
+ .text("...")
+ .on('click', function (e) {
+ $(this).contextMenu({x: $(e.target).offset().left, y: $(e.target).offset().top})
+ }).html("
...
");
+ }
+
+ // add audio preview image/button
+ if (aData.ftype === "audioclip") {
+ $(nRow).find('td.library_type').html('
');
+ } else if (aData.ftype === "playlist") {
+ $(nRow).find('td.library_type').html('
');
+ } else if (aData.ftype === "block") {
+ $(nRow).find('td.library_type').html('
');
+ } else if (aData.ftype === "stream") {
+ $(nRow).find('td.library_type').html('
');
+ }
+
+ if (aData.is_scheduled) {
+ $(nRow).find("td.library_is_scheduled").html('
');
+ } else if (!aData.is_scheduled) {
+ $(nRow).find("td.library_is_scheduled").html('');
+ }
+ if (aData.is_playlist) {
+ $(nRow).find("td.library_is_playlist").html('
');
+ } else if (!aData.is_playlist) {
+ $(nRow).find("td.library_is_playlist").html('');
+ }
+ },
+ // remove any selected nodes before the draw.
+ "fnPreDrawCallback": function (oSettings) {
+
+ // make sure any dragging helpers are removed or else they'll be
+ // stranded on the screen.
+ $("#draggingContainer").remove();
+ },
+ "fnDrawCallback": AIRTIME.library.fnDrawCallback,
+
+ "aaSorting": [[5, 'asc']],
+ "sPaginationType": "full_numbers",
+ "bJQueryUI": true,
+ "bAutoWidth": false,
+ "oLanguage": getLibraryDatatableStrings(),
+
+ // z = ColResize, R = ColReorder, C = ColVis
+ "sDom": 'Rf<"dt-process-rel"r><"H"<"library_toolbar"C>><"dataTables_scrolling"t<".empty_placeholder"<".empty_placeholder_image"><".empty_placeholder_text">>><"F"lip>>',
+
+ "oColVis": {
+ "sAlign": "right",
+ "aiExclude": colExclude,
+ "sSize": "css",
+ "fnStateChange": setFilterElement,
+ "buttonText": $.i18n._("Columns"),
+ "iOverlayFade": 0
+ },
+
+ "oColReorder": {
+ "iFixedColumnsRight": 1,
+ "iFixedColumns": 3
+ },
+
+ "bScrollCollapse": false
+
+ });
+
+ $datatables[mod.DataTableTypeEnum.LIBRARY] = mod.libraryDataTable;
+
+ /* ############################################
+ END DATATABLES
+ ############################################ */
function getTableHeight() {
return $libContent.height() - 175;
@@ -526,8 +871,8 @@ var AIRTIME = (function(AIRTIME) {
function getLibraryDatatableStrings() {
//Set up the datatables string translation table with different strings depending on
//whether you're viewing files, playlists, smart blocks, etc.
- var type = parseInt($(".media_type_selector.selected").attr("data-selection-id"));
- type = (type === undefined) ? 1 : type;
+ var type = parseInt($(".media_type_selector.selected").data("selection-id"));
+ type = (type === undefined) ? AIRTIME.library.MediaTypeIntegerEnum.DEFAULT : type;
//FIXME: The code that calls this function doesn't work as intended because you can't
// change the oLanguage property of a datatable dynamically. :(
@@ -564,256 +909,21 @@ var AIRTIME = (function(AIRTIME) {
if (r.status === 403) {
// Hide the processing div
$("#library_display_wrapper").find(".dt-process-rel").hide();
- $.getJSON( "ajax/library_placeholders.json", function( data ) {
- $('#library_empty_text').text($.i18n._(data.unauthorized));
- }) ;
+ $('.empty_placeholder_text').text($.i18n._("You don't have permission to view the library."));
- $('#library_empty').show();
+ $('.empty_placeholder').show();
}
}
- oTable = $libTable.dataTable( {
-
- // put hidden columns at the top to insure they can never be visible
- // on the table through column reordering.
-
- //IMPORTANT: WHEN ADDING A NEW COLUMN PLEASE CONSULT WITH THE WIKI
- // https://wiki.sourcefabric.org/display/CC/Adding+a+new+library+datatable+column
- "aoColumns": [
- /* ftype */ { "sTitle" : "" , "mDataProp" : "ftype" , "bSearchable" : false , "bVisible" : false },
- /* Checkbox */ { "sTitle" : "" , "mDataProp" : "checkbox" , "bSortable" : false , "bSearchable" : false , "sWidth" : "16px" , "sClass" : "library_checkbox" },
- /* Type */ { "sTitle" : "" , "mDataProp" : "image" , "bSortable" : false , "bSearchable" : false , "sWidth" : "16px" , "sClass" : "library_type" , "iDataSort" : 0 },
- /* Is Scheduled */ { "sTitle" : $.i18n._("Scheduled") , "mDataProp" : "is_scheduled" , "bVisible" : false , "bSearchable" : false , "sWidth" : "90px" , "sClass" : "library_is_scheduled" },
- ///* Is Playlist */ { "sTitle" : $.i18n._("Playlist / Block") , "mDataProp" : "is_playlist" , "bSearchable" : false , "sWidth" : "110px" , "sClass" : "library_is_playlist"} ,
- /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "track_title" , "sClass" : "library_title" , "sWidth" : "170px" },
- /* Creator */ { "sTitle" : $.i18n._("Creator") , "mDataProp" : "artist_name" , "sClass" : "library_creator" , "sWidth" : "160px" },
- /* Album */ { "sTitle" : $.i18n._("Album") , "mDataProp" : "album_title" , "sClass" : "library_album" , "sWidth" : "150px" },
- /* Bit Rate */ { "sTitle" : $.i18n._("Bit Rate") , "mDataProp" : "bit_rate" , "bVisible" : false , "sClass" : "library_bitrate" , "sWidth" : "80px" },
- /* BPM */ { "sTitle" : $.i18n._("BPM") , "mDataProp" : "bpm" , "bVisible" : false , "sClass" : "library_bpm" , "sWidth" : "50px" },
- /* Composer */ { "sTitle" : $.i18n._("Composer") , "mDataProp" : "composer" , "bVisible" : false , "sClass" : "library_composer" , "sWidth" : "150px" },
- /* Conductor */ { "sTitle" : $.i18n._("Conductor") , "mDataProp" : "conductor" , "bVisible" : false , "sClass" : "library_conductor" , "sWidth" : "125px" },
- /* Copyright */ { "sTitle" : $.i18n._("Copyright") , "mDataProp" : "copyright" , "bVisible" : false , "sClass" : "library_copyright" , "sWidth" : "125px" },
- /* Cue In */ { "sTitle" : $.i18n._("Cue In") , "mDataProp" : "cuein" , "bVisible" : false , "sClass" : "library_length" , "sWidth" : "80px" },
- /* Cue Out */ { "sTitle" : $.i18n._("Cue Out") , "mDataProp" : "cueout" , "bVisible" : false , "sClass" : "library_length" , "sWidth" : "80px" },
- /* Encoded */ { "sTitle" : $.i18n._("Encoded By") , "mDataProp" : "encoded_by" , "bVisible" : false , "sClass" : "library_encoded" , "sWidth" : "150px" },
- /* Genre */ { "sTitle" : $.i18n._("Genre") , "mDataProp" : "genre" , "bVisible" : false , "sClass" : "library_genre" , "sWidth" : "100px" },
- /* ISRC Number */ { "sTitle" : $.i18n._("ISRC") , "mDataProp" : "isrc_number" , "bVisible" : false , "sClass" : "library_isrc" , "sWidth" : "150px" },
- /* Label */ { "sTitle" : $.i18n._("Label") , "mDataProp" : "label" , "bVisible" : false , "sClass" : "library_label" , "sWidth" : "125px" },
- /* Language */ { "sTitle" : $.i18n._("Language") , "mDataProp" : "language" , "bVisible" : false , "sClass" : "library_language" , "sWidth" : "125px" },
- /* Last Modified */ { "sTitle" : $.i18n._("Last Modified") , "mDataProp" : "mtime" , "bVisible" : false , "sClass" : "library_modified_time" , "sWidth" : "155px" },
- /* Last Played */ { "sTitle" : $.i18n._("Last Played") , "mDataProp" : "lptime" , "bVisible" : false , "sClass" : "library_modified_time" , "sWidth" : "155px" },
- /* Length */ { "sTitle" : $.i18n._("Length") , "mDataProp" : "length" , "sClass" : "library_length" , "sWidth" : "80px" },
- /* Mime */ { "sTitle" : $.i18n._("Mime") , "mDataProp" : "mime" , "bVisible" : false , "sClass" : "library_mime" , "sWidth" : "80px" },
- /* Mood */ { "sTitle" : $.i18n._("Mood") , "mDataProp" : "mood" , "bVisible" : false , "sClass" : "library_mood" , "sWidth" : "70px" },
- /* Owner */ { "sTitle" : $.i18n._("Owner") , "mDataProp" : "owner_id" , "bVisible" : false , "sClass" : "library_language" , "sWidth" : "125px" },
- /* Replay Gain */ { "sTitle" : $.i18n._("Replay Gain") , "mDataProp" : "replay_gain" , "bVisible" : false , "sClass" : "library_replay_gain" , "sWidth" : "125px" },
- /* Sample Rate */ { "sTitle" : $.i18n._("Sample Rate") , "mDataProp" : "sample_rate" , "bVisible" : false , "sClass" : "library_sr" , "sWidth" : "125px" },
- /* Track Number */ { "sTitle" : $.i18n._("Track Number") , "mDataProp" : "track_number" , "bVisible" : false , "sClass" : "library_track" , "sWidth" : "125px" },
- /* Upload Time */ { "sTitle" : $.i18n._("Uploaded") , "mDataProp" : "utime" , "bVisible" : false , "sClass" : "library_upload_time" , "sWidth" : "155px" },
- /* Website */ { "sTitle" : $.i18n._("Website") , "mDataProp" : "info_url" , "bVisible" : false , "sClass" : "library_url" , "sWidth" : "150px" },
- /* Year */ { "sTitle" : $.i18n._("Year") , "mDataProp" : "year" , "bVisible" : false , "sClass" : "library_year" , "sWidth" : "60px" },
- /* Context Menu */ { "sTitle" : "" , "mDataProp" : "options" , "bSortable" : false , "bSearchable" : false , "sWidth" : "20px", "sClass" : "library_actions" }
- ],
-
- "bProcessing": true,
- "bServerSide": true,
-
- "aLengthMenu": [25, 50, 100],
-
- "bStateSave": true,
- "fnStateSaveParams": function (oSettings, oData) {
- // remove oData components we don't want to save.
- delete oData.oSearch;
- delete oData.aoSearchCols;
- },
- "fnStateSave": function (oSettings, oData) {
- localStorage.setItem('datatables-library', JSON.stringify(oData));
-
- // Sadly, this is necessary because we need to unscramble the colReorder map on the backend
- $.ajax({
- url: baseUrl + "usersettings/set-library-datatable",
- type: "POST",
- data: {settings: oData, format: "json"},
- dataType: "json"
- });
-
- colReorderMap = oData.ColReorder;
- },
- "fnStateLoad": function fnLibStateLoad(oSettings) {
- var settings = JSON.parse(localStorage.getItem('datatables-library'));
- // Hacky; always set the visibility of the last column (actions buttons) to true
- if (settings && settings.abVisCols) settings.abVisCols[settings.abVisCols.length - 1] = true;
-
- try {
- return settings;
- } catch (e) {
- return null;
- }
- },
- "fnStateLoadParams": function (oSettings, oData) {
- var i,
- length,
- a = oData.abVisCols;
-
- if (a) {
- // putting serialized data back into the correct js type to make
- // sure everything works properly.
- for (i = 0, length = a.length; i < length; i++) {
- if (typeof(a[i]) === "string") {
- a[i] = (a[i] === "true");
- }
- }
- }
-
- a = oData.ColReorder;
- if (a) {
- for (i = 0, length = a.length; i < length; i++) {
- if (typeof(a[i]) === "string") {
- a[i] = parseInt(a[i], 10);
- }
- }
- }
-
- oData.iEnd = parseInt(oData.iEnd, 10);
- oData.iLength = parseInt(oData.iLength, 10);
- oData.iStart = parseInt(oData.iStart, 10);
- oData.iCreate = parseInt(oData.iCreate, 10);
- },
-
- "sAjaxSource": baseUrl+"Library/contents-feed",
- "sAjaxDataProp": "files",
-
- "fnServerData": function ( sSource, aoData, fnCallback ) {
- /*
- * The real validation check is done in
- * dataTables.columnFilter.js We also need to check it here
- * because datatable is redrawn everytime an action is performed
- * in the Library page. In order for datatable to redraw the
- * advanced search fields MUST all be valid.
- */
- var advSearchFields = $("div#advanced_search").children(':visible');
- var advSearchValid = validateAdvancedSearch(advSearchFields);
- var type;
- aoData.push( { name: "format", value: "json"} );
- aoData.push( { name: "advSearch", value: advSearchValid} );
-
- // push whether to search files/playlists or all.
- type = $(".media_type_selector.selected").attr("data-selection-id");
- type = (type === undefined) ? 1 : type;
- aoData.push( { name: "type", value: type} );
-
- //getUsabilityHint();
-
- $.ajax({
- "dataType": 'json',
- "type": "POST",
- "url": sSource,
- "data": aoData,
- "success": fnCallback,
- "error": handleAjaxError
- }).done(function(data) {
- if (data.iTotalRecords > data.iTotalDisplayRecords) {
- $('#filter_message').text(
- $.i18n._("Filtering out ") + (data.iTotalRecords - data.iTotalDisplayRecords)
- + $.i18n._(" of ") + data.iTotalRecords
- + $.i18n._(" records")
- );
- $('#library_empty').hide();
- $('#library_display').find('tr:has(td.dataTables_empty)').show();
- } else {
- $('#filter_message').text("");
- }
- $('#library_content').find('.dataTables_filter input[type="text"]')
- .css('padding-right', $('#advanced-options').find('button').outerWidth());
- });
- },
- "fnRowCallback": AIRTIME.library.fnRowCallback,
- "fnCreatedRow": function( nRow, aData, iDataIndex ) {
- // add checkbox
- $(nRow).find('td.library_checkbox').html("
");
-
- $(nRow).find('td.library_actions')
- .text("...")
- .on('click', function(e) {
- $(this).contextMenu({x: $(e.target).offset().left, y: $(e.target).offset().top})
- }).html("
...
");
-
- // add audio preview image/button
- if (aData.ftype === "audioclip") {
- $(nRow).find('td.library_type').html('
');
- } else if (aData.ftype === "playlist") {
- $(nRow).find('td.library_type').html('
');
- } else if (aData.ftype === "block") {
- $(nRow).find('td.library_type').html('
');
- } else if (aData.ftype === "stream") {
- $(nRow).find('td.library_type').html('
');
- }
-
- if (aData.is_scheduled) {
- $(nRow).find("td.library_is_scheduled").html('
');
- } else if (!aData.is_scheduled) {
- $(nRow).find("td.library_is_scheduled").html('');
- }
- if (aData.is_playlist) {
- $(nRow).find("td.library_is_playlist").html('
');
- } else if (!aData.is_playlist) {
- $(nRow).find("td.library_is_playlist").html('');
- }
-
- // add the play function to the library_type td
- $(nRow).find('td.library_type').click(function(){
- if (aData.ftype === 'playlist' && aData.length !== '0.0'){
- open_playlist_preview(aData.audioFile, 0);
- } else if (aData.ftype === 'audioclip') {
- if (isAudioSupported(aData.mime)) {
- open_audio_preview(aData.ftype, aData.id);
- }
- } else if (aData.ftype == 'stream') {
- if (isAudioSupported(aData.mime)) {
- open_audio_preview(aData.ftype, aData.id);
- }
- } else if (aData.ftype == 'block' && aData.bl_type == 'static') {
- open_block_preview(aData.audioFile, 0);
- }
- return false;
- });
- },
- // remove any selected nodes before the draw.
- "fnPreDrawCallback": function( oSettings ) {
-
- // make sure any dragging helpers are removed or else they'll be
- // stranded on the screen.
- $("#draggingContainer").remove();
- },
- "fnDrawCallback": AIRTIME.library.fnDrawCallback,
-
- "aaSorting": [[5, 'asc']],
- "sPaginationType": "full_numbers",
- "bJQueryUI": true,
- "bAutoWidth": false,
- "oLanguage": getLibraryDatatableStrings(),
-
- // z = ColResize, R = ColReorder, C = ColVis
- "sDom": 'Rf<"dt-process-rel"r><"H"<"library_toolbar"C>><"dataTables_scrolling"t<"#library_empty"<"#library_empty_image"><"#library_empty_text">>><"F"lip>>',
-
- "oColVis": {
- "sAlign": "right",
- "aiExclude": [0, 1, 2, 31],
- "sSize": "css",
- "fnStateChange": setFilterElement,
- "buttonText": $.i18n._("Columns"),
- "iOverlayFade": 0
- },
-
- "oColReorder": {
- "iFixedColumnsRight": 1,
- "iFixedColumns": 3
- },
-
- "bScrollCollapse": false
-
- });
+ var selected = $("a[href$='"+location.hash+"']"), table;
+ if (selected.parent().data("selection-id") == AIRTIME.library.MediaTypeIntegerEnum.PODCAST) {
+ table = mod.DataTableTypeEnum.PODCAST;
+ } else {
+ table = mod.DataTableTypeEnum.LIBRARY;
+ }
+ AIRTIME.library.setCurrentTable(table, false);
+ oTable = $datatables[table];
setColumnFilter(oTable);
oTable.fnSetFilteringDelay(350);
@@ -897,6 +1007,26 @@ var AIRTIME = (function(AIRTIME) {
}
});
+ // add the play function to the library_type td
+ $libTable.on("click", "td.library_type", function () {
+ var aData = $(this).parent().data().aData;
+
+ if (aData.ftype === 'playlist' && aData.length !== '0.0') {
+ open_playlist_preview(aData.audioFile, 0);
+ } else if (aData.ftype === 'audioclip') {
+ if (isAudioSupported(aData.mime)) {
+ open_audio_preview(aData.ftype, aData.id);
+ }
+ } else if (aData.ftype == 'stream') {
+ if (isAudioSupported(aData.mime)) {
+ open_audio_preview(aData.ftype, aData.id);
+ }
+ } else if (aData.ftype == 'block' && aData.bl_type == 'static') {
+ open_block_preview(aData.audioFile, 0);
+ }
+ return false;
+ });
+
$libTable.find("tbody").on("mousedown", "tr[class*='lib'] > td:not(.library_checkbox, .dataTables_empty)", function(ev) {
var $tr = $(this).parent(),
// Get the ID of the selected row
@@ -973,7 +1103,7 @@ var AIRTIME = (function(AIRTIME) {
});
// begin context menu initialization.
- AIRTIME.library.ctxMenu = $.contextMenu({
+ AIRTIME.library.ctxMenu = !onDashboard ? {} : $.contextMenu({
selector: "#library_display tr[class*='lib']:has(td)",
//trigger: "left",
trigger: "custom",
@@ -1004,17 +1134,17 @@ var AIRTIME = (function(AIRTIME) {
if (data.ftype === "audioclip") {
callback = function() {
$.get(oItems.edit.url, {format: "json"}, function(json){
- AIRTIME.playlist.fileMdEdit(json);
+ AIRTIME.playlist.fileMdEdit(json, data.tr_id);
});
};
} else if (data.ftype === "playlist" || data.ftype === "block") {
callback = function() {
- AIRTIME.playlist.fnEdit(data.id, data.ftype, baseUrl+'playlist/edit');
+ AIRTIME.playlist.fnEdit(data, baseUrl+'playlist/edit');
AIRTIME.playlist.validatePlaylistElements();
};
} else if (data.ftype === "stream") {
callback = function() {
- AIRTIME.playlist.fnEdit(data.id, data.ftype, baseUrl + 'webstream/edit');
+ AIRTIME.playlist.fnEdit(data, baseUrl + 'webstream/edit');
}
} else {
throw new Exception($.i18n._("Unknown type: ") + data.ftype);
@@ -1084,6 +1214,17 @@ var AIRTIME = (function(AIRTIME) {
oItems.del.callback = callback;
}
+ // Publish.
+ if (oItems.publish !== undefined) {
+ if (data.ftype === "audioclip") {
+ callback = function() {
+ AIRTIME.publish.openPublishDialog(data.id);
+ };
+ }
+ oItems.publish.callback = callback;
+ }
+
+
// define a download callback.
if (oItems.download !== undefined) {
@@ -1096,30 +1237,15 @@ var AIRTIME = (function(AIRTIME) {
if (oItems.soundcloud !== undefined) {
var soundcloud = oItems.soundcloud.items;
- // define an upload to soundcloud callback.
- if (soundcloud.upload !== undefined) {
-
+ if (soundcloud.update !== undefined) {
callback = function() {
- alert($.i18n._("Your track is being uploaded and will " +
- "appear on SoundCloud in a couple of minutes"));
- $.post(soundcloud.upload.url, function(){});
+ $.post(soundcloud.update.url, function () {});
};
- soundcloud.upload.callback = callback;
- }
-
- // define an upload to soundcloud callback.
- if (soundcloud.remove !== undefined) {
-
- callback = function() {
- alert($.i18n._("Your track is being deleted from SoundCloud"));
- $.post(soundcloud.remove.url, function(){});
- };
- soundcloud.remove.callback = callback;
+ soundcloud.update.callback = callback;
}
// define a view on soundcloud callback
if (soundcloud.view !== undefined) {
-
callback = function() {
window.open(soundcloud.view.url);
};
@@ -1160,6 +1286,330 @@ var AIRTIME = (function(AIRTIME) {
};
}
});
+
+ };
+
+ /**
+ * Show the given table in the left-hand pane of the dashboard and give it internal focus
+ *
+ * @param {string} table the string name of the table to show
+ * @param {boolean} [redraw=true] whether or not to redraw the table
+ */
+ mod.setCurrentTable = function (table, redraw) {
+ if (typeof redraw === 'undefined') {
+ redraw = true;
+ }
+ var dt = $datatables[table],
+ wrapper = $(dt).closest(".dataTables_wrapper");
+ if (dt && typeof dt.fnClearTable === 'function') {
+ dt.fnClearTable(false);
+ }
+ // Don't redraw if we're switching to another hash for the library table
+ $.when(redraw ? dt.fnDraw() : function () {}).done(function () {
+ $("#library_content").find(".dataTables_wrapper").hide();
+ wrapper.show();
+ });
+ oTable = dt;
+ };
+
+ mod.getCurrentTable = function () {
+ return oTable;
+ };
+
+ mod.openPodcastEpisodeDialog = function () {
+ var episode = mod.podcastEpisodeTableWidget.getSelectedRows()[0];
+ $("body").append("
");
+ var dialog = $("#podcast_episode_dialog").html(episode.description);
+ dialog.html(dialog.text());
+ dialog.dialog({
+ title: episode.title,
+ width: "auto",
+ height: "auto",
+ modal: true,
+ resizable: false,
+ dialogClass: "podcast-episode-dialog",
+ open: function () {
+ // Sometimes the dialog scrolls down partway if there are elements that need to render,
+ // like images or video, so scroll it back up on open.
+ $(this).parent().scrollTop(0);
+ },
+ close: function() {
+ $(this).dialog('destroy').remove();
+ }
+ });
+ };
+
+ /**
+ * Create the podcast datatable widget
+ *
+ * XXX: should this be moved to podcast.js
+ */
+ mod.initPodcastDatatable = function()
+ {
+ var aoColumns = [
+ /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "title" , "sClass" : "library_title" , "sWidth" : "170px" },
+ /* Creator */ { "sTitle" : $.i18n._("Creator") , "mDataProp" : "creator" , "sClass" : "library_creator" , "sWidth" : "160px" },
+ /* Website */ { "sTitle" : $.i18n._("Description") , "mDataProp" : "description" , "bVisible" : false , "sWidth" : "150px" },
+ /* Year */ { "sTitle" : $.i18n._("Owner") , "mDataProp" : "owner" , "bVisible" : false , "sWidth" : "60px" },
+ /* URL */ { "sTitle" : $.i18n._("Feed URL") , "mDataProp" : "url" , "bVisible" : false , "sWidth" : "60px" }
+ ],
+ ajaxSourceURL = baseUrl+"rest/podcast",
+ podcastToolbarButtons = AIRTIME.widgets.Table.getStandardToolbarButtons();
+
+ $.extend(true, podcastToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.NEW],
+ {
+ title: $.i18n._('Add'), //"New" Podcast is misleading
+ eventHandlers: {
+ click: AIRTIME.podcast.createUrlDialog
+ },
+ validateConstraints: function () { return true; }
+ });
+ $.extend(true, podcastToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.EDIT],
+ {
+ title: $.i18n._('Settings'),
+ iconClass : "icon-cog",
+ eventHandlers: {
+ click: AIRTIME.podcast.editSelectedPodcasts
+ },
+ validateConstraints: function () {
+ return this.getSelectedRows().length >= 1;
+ }
+ });
+ $.extend(true, podcastToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.DELETE],
+ {
+ eventHandlers: {
+ click: AIRTIME.podcast.deleteSelectedPodcasts
+ },
+ validateConstraints: function () {
+ return this.getSelectedRows().length >= 1;
+ }
+ });
+
+ var openPodcastEpisodeTable = function (podcast) {
+ $("#library_filter").append(" - " + podcast.title);
+ mod.podcastEpisodeTableWidget.reload(podcast.id);
+ mod.podcastTableWidget.clearSelection();
+ mod.setCurrentTable(mod.DataTableTypeEnum.PODCAST_EPISODES);
+ mod.podcastEpisodeDataTable.closest(".dataTables_wrapper").find(".dataTables_processing")
+ .addClass("block-overlay").css("visibility", "visible");
+ };
+
+ podcastToolbarButtons["ViewEpisodes"] = {
+ title : $.i18n._("View Episodes"),
+ iconClass : "icon-chevron-right",
+ extraBtnClass : "btn-small",
+ elementId : "",
+ eventHandlers : {
+ click: function () {
+ var podcast = mod.podcastTableWidget.getSelectedRows()[0];
+ openPodcastEpisodeTable(podcast);
+ }
+ },
+ validateConstraints: function () {
+ return this.getSelectedRows().length == 1;
+ }
+ };
+
+ //Set up the div with id "podcast_table" as a datatable.
+ mod.podcastTableWidget = new AIRTIME.widgets.Table(
+ $('#podcast_table'), //DOM node to create the table inside.
+ true, //Enable item selection
+ podcastToolbarButtons, //Toolbar buttons
+ { //Datatables overrides.
+ aoColumns : aoColumns,
+ sAjaxSource : ajaxSourceURL,
+ oColReorder: {
+ iFixedColumns: 1 // Checkbox
+ }
+ });
+
+ mod._initPodcastEpisodeDatatable();
+ // On double click, open a table showing the selected podcast's episodes
+ // in the left-hand pane.
+ mod.podcastTableWidget.assignDblClickHandler(function () {
+ var podcast = mod.podcastDataTable.fnGetData(this);
+ openPodcastEpisodeTable(podcast);
+ });
+
+ mod.podcastDataTable = mod.podcastTableWidget.getDatatable();
+ $datatables[mod.DataTableTypeEnum.PODCAST] = mod.podcastDataTable;
+ };
+
+ /**
+ * Initialize the podcast episode view for the left-hand pane
+ *
+ * @private
+ */
+ mod._initPodcastEpisodeDatatable = function () {
+ var buttons = {
+ backBtn: {
+ title : $.i18n._('Back to Podcasts'),
+ iconClass : 'icon-chevron-left',
+ extraBtnClass : 'btn-small',
+ elementId : '',
+ eventHandlers : {
+ click: function () {
+ $("#library_filter").text($.i18n._("Podcasts"));
+ mod.setCurrentTable(mod.DataTableTypeEnum.PODCAST);
+ }
+ },
+ validateConstraints: function () { return true; }
+ }
+ },
+ defaults = AIRTIME.widgets.Table.getStandardToolbarButtons();
+
+ /**
+ * Check the import statuses of each selected episode to see which
+ * buttons should be enabled or disabled.
+ *
+ * @param shouldBeImported whether or not the selected item(s)
+ * should be imported to obtain a valid result.
+ *
+ * @returns {boolean} true if all selected episodes are valid and
+ * the button should be enabled, otherwise false.
+ */
+ var checkSelectedEpisodeImportStatus = function (shouldBeImported) {
+ var selected = this.getSelectedRows(), isValid = true;
+ if (selected.length == 0) return false;
+ $.each(selected, function () {
+ if (this.ingested < 0) isValid = false;
+ var isImported = !$.isEmptyObject(this.file);
+ if (shouldBeImported ? !isImported : isImported) {
+ isValid = false;
+ }
+ });
+ return isValid;
+ };
+
+ // Setup the default buttons (new, edit, delete)
+ $.extend(true, defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.NEW],
+ {
+ title: "Import",
+ eventHandlers: {
+ click: function () {
+ var episodes = mod.podcastEpisodeTableWidget.getSelectedRows();
+ AIRTIME.podcast.importSelectedEpisodes(episodes, mod.podcastEpisodeTableWidget);
+ }
+ },
+ validateConstraints: function () {
+ return checkSelectedEpisodeImportStatus.call(this, false);
+ }
+ });
+ $.extend(true, defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.EDIT],
+ {
+ eventHandlers: {
+ click: function () {
+ var episodes = mod.podcastEpisodeTableWidget.getSelectedRows();
+ AIRTIME.podcast.editSelectedEpisodes(episodes);
+ }
+ },
+ validateConstraints: function () {
+ return checkSelectedEpisodeImportStatus.call(this, true);
+ }
+ });
+ $.extend(true, defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.DELETE],
+ {
+ eventHandlers: {
+ click: function () {
+ var data = [], episodes = mod.podcastEpisodeTableWidget.getSelectedRows();
+ $.each(episodes, function () {
+ data.push({id: this.file.id, type: this.file.ftype});
+ });
+ mod.fnDeleteItems(data);
+ }
+ },
+ validateConstraints: function () {
+ return checkSelectedEpisodeImportStatus.call(this, true);
+ }
+ });
+
+ // Reassign these because integer keys take precedence in iteration order - we want to order based on insertion
+ // FIXME: this is a pretty flimsy way to try to set up iteration order (possibly not xbrowser compatible?)
+ defaults = {
+ newBtn : defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.NEW],
+ editBtn: defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.EDIT],
+ delBtn : defaults[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.DELETE]
+ };
+
+ $.extend(true, buttons, defaults, {
+ addToScheduleBtn: {
+ title : $.i18n._('Add to Schedule'),
+ iconClass : '',
+ extraBtnClass : 'btn-small',
+ elementId : '',
+ eventHandlers : {
+ click: function () {
+ var data = [], selected = mod.podcastEpisodeTableWidget.getSelectedRows();
+ $.each(selected, function () { data.push(this.file); });
+ mod.addToSchedule(data);
+ }
+ },
+ validateConstraints: function () {
+ // TODO: change text + behaviour for playlists, smart blocks, etc.
+ return checkSelectedEpisodeImportStatus.call(this, true);
+ }
+ },
+ viewDescBtn: {
+ title : $.i18n._("View"),
+ iconClass : "icon-globe",
+ extraBtnClass : "btn-small",
+ elementId : "",
+ eventHandlers : {
+ click: mod.openPodcastEpisodeDialog
+ },
+ validateConstraints: function () {
+ return this.getSelectedRows().length == 1;
+ }
+ }
+ });
+
+ mod.podcastEpisodeTableWidget = AIRTIME.podcast.initPodcastEpisodeDatatable(
+ $("#podcast_episodes_table"),
+ {
+ aoColumns : [
+ /* GUID */ { "sTitle" : "" , "mDataProp" : "guid" , "sClass" : "podcast_episodes_guid" , "bVisible" : false },
+ /* Ingested */ { "sTitle" : $.i18n._("Imported?") , "mDataProp" : "importIcon" , "sClass" : "podcast_episodes_imported" , "sWidth" : "120px" },
+ /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "title" , "sClass" : "podcast_episodes_title" , "sWidth" : "170px" },
+ /* Author */ { "sTitle" : $.i18n._("Author") , "mDataProp" : "author" , "sClass" : "podcast_episodes_author" , "sWidth" : "170px" },
+ /* Description */ { "sTitle" : $.i18n._("Description") , "mDataProp" : "description" , "sClass" : "podcast_episodes_description" , "sWidth" : "300px" },
+ /* Link */ { "sTitle" : $.i18n._("Link") , "mDataProp" : "link" , "sClass" : "podcast_episodes_link" , "sWidth" : "170px" },
+ /* Publication Date */ { "sTitle" : $.i18n._("Publication Date") , "mDataProp" : "pub_date" , "sClass" : "podcast_episodes_pub_date" , "sWidth" : "170px" }
+ ],
+ bServerSide : false,
+ sAjaxSource : null,
+ // Initialize the table with empty data so we can defer loading
+ // If we load sequentially there's a delay before the table appears
+ aaData : {},
+ oColVis : {
+ buttonText: $.i18n._("Columns"),
+ iOverlayFade: 0,
+ aiExclude: [0, 1, 2]
+ },
+ oColReorder: {
+ iFixedColumns: 3 // Checkbox + imported
+ }
+ },
+ buttons,
+ {
+ hideIngestCheckboxes: false,
+ emptyPlaceholder: {
+ iconClass: "icon-white icon-th-list",
+ html: $.i18n._("This podcast doesn't have any episodes!")
+ + "
" + $.i18n._("Make sure the RSS feed contains audio items (with enclosure tags).")
+ + "
" + $.i18n._("Learn about podcasts") + ""
+ }
+ }
+ );
+
+ mod.podcastEpisodeDataTable = $datatables[mod.DataTableTypeEnum.PODCAST_EPISODES] = mod.podcastEpisodeTableWidget.getDatatable();
+ mod.podcastEpisodeTableWidget.assignDblClickHandler(function () {
+ var data = mod.podcastEpisodeDataTable.fnGetData(this);
+ if (!$.isEmptyObject(data.file)) {
+ mod.dblClickAdd(data.file, data.file.ftype);
+ } else {
+ AIRTIME.podcast.importSelectedEpisodes([data], mod.podcastEpisodeTableWidget);
+ }
+ });
};
mod.libraryInit = libraryInit;
@@ -1168,25 +1618,6 @@ var AIRTIME = (function(AIRTIME) {
}(AIRTIME || {}));
-function buildEditMetadataDialog (json){
- var dialog = $(json.dialog);
-
- dialog.dialog({
- autoOpen: false,
- title: $.i18n._("Edit Metadata"),
- width: 460,
- height: 660,
- modal: true,
- close: closeDialogLibrary
- });
-
- dialog.dialog('open');
-}
-
-function closeDialogLibrary(event, ui) {
- $(this).remove();
-}
-
/*
* This function is called from dataTables.columnFilter.js
*/
@@ -1320,6 +1751,7 @@ var validationTypes = {
"copyright" : "s",
"cuein" : "l",
"cueout" : "l",
+ "description" : "s",
"encoded_by" : "s",
"utime" : "t",
"mtime" : "t",
@@ -1347,6 +1779,10 @@ var validationTypes = {
$(document).ready(function() {
+ if (window.location.href.indexOf("showbuilder") > -1) {
+ AIRTIME.library.initPodcastDatatable();
+ }
+
$("#advanced-options").on("click", function() {
resizeAdvancedSearch();
});
diff --git a/airtime_mvc/public/js/airtime/library/plupload.js b/airtime_mvc/public/js/airtime/library/plupload.js
index 53c64ca10..670f21b3a 100644
--- a/airtime_mvc/public/js/airtime/library/plupload.js
+++ b/airtime_mvc/public/js/airtime/library/plupload.js
@@ -38,90 +38,13 @@ $(document).ready(function () {
self.recentUploadsTable.fnDraw(); //Only works because we're using bServerSide
//In DataTables 1.10 and greater, we can use .fnAjaxReload()
});
- this.on("complete", function() {
+
+ this.on("queuecomplete", function() {
uploadProgress = false;
});
}
};
- /*
- var uploader = new plupload.Uploader({
- runtimes: 'html5, flash, html4',
- browse_button: 'pickfiles',
- container: $("#container"),
- url : baseUrl+'rest/media',
- filters : [
- {title: "Audio Files", extensions: "ogg,mp3,oga,flac,wav,m4a,mp4,opus,aac,oga,mp1,mp2,wma,au"}
- ],
- multipart_params : {
- "csrf_token" : $("#csrf").attr('value')
- },
-
- init: {
- PostInit: function() {
- document.getElementById('filelist').innerHTML = '';
-
- document.getElementById('uploadfiles').onclick = function() {
- uploader.start();
- return false;
- };
- },
-
- FilesAdded: function(up, files) {
- plupload.each(files, function(file) {
- document.getElementById('filelist').innerHTML += '
' + file.name + ' (' + plupload.formatSize(file.size) + ')
';
- });
- },
-
- UploadProgress: function(up, file) {
- document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '
' + file.percent + "%";
- },
-
- Error: function(up, err) {
- document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
- }
- }
- });
-
- uploader.init();
- */
-
-
- /*
- $("#plupload_files").pluploadQueue({
- // General settings
- runtimes : 'gears, html5, html4',
- url : baseUrl+'rest/media',
- //chunk_size : '5mb', //Disabling chunking since we're using the File Upload REST API now
- unique_names : 'true',
- multiple_queues : 'true',
- filters : [
- {title: "Audio Files", extensions: "ogg,mp3,oga,flac,wav,m4a,mp4,opus,aac,oga,mp1,mp2,wma,au"}
- ],
- multipart_params : {
- "csrf_token" : $("#csrf").attr('value'),
- }
- });
-
- uploader = $("#plupload_files").pluploadQueue();
-
- uploader.bind('FileUploaded', function(up, file, json)
- {
- //Refresh the upload table:
- self.recentUploadsTable.fnDraw(); //Only works because we're using bServerSide
- //In DataTables 1.10 and greater, we can use .fnAjaxReload()
- });
-
- var uploadProgress = false;
-
- uploader.bind('QueueChanged', function(){
- uploadProgress = (uploader.files.length > 0);
- });
-
- uploader.bind('UploadComplete', function(){
- uploadProgress = false;
- });*/
-
$(window).bind('beforeunload', function () {
if (uploadProgress) {
return sprintf($.i18n._("You are currently uploading files. %sGoing to another screen will cancel the upload process. %sAre you sure you want to leave the page?"),
@@ -174,11 +97,11 @@ $(document).ready(function () {
});
self.setupRecentUploadsTable = function () {
- recentUploadsTable = $("#recent_uploads_table").dataTable({
+ return $("#recent_uploads_table").dataTable({
"bJQueryUI": true,
"bProcessing": false,
"bServerSide": true,
- "sAjaxSource": '/Plupload/recent-uploads/format/json',
+ "sAjaxSource": '/plupload/recent-uploads/format/json',
"sAjaxDataProp": 'files',
"bSearchable": false,
"bInfo": true,
@@ -222,67 +145,58 @@ $(document).ready(function () {
areAnyFileImportsPending = true;
}
}
+
if (areAnyFileImportsPending) {
//alert("pending uploads, starting refresh on timer");
self.startRefreshingRecentUploads();
- } else {
+ } else if (self.isRecentUploadsRefreshTimerActive) {
self.stopRefreshingRecentUploads();
+ self.recentUploadsTable.fnDraw();
}
// Update usability hint - in common.js
getUsabilityHint();
}
});
- },
- "fnCreatedRow": function(nRow) {
- $(nRow).find("td").hover(
- function () {
- var sw = $(this)[0].scrollWidth, iw = $(this).innerWidth();
- if (sw > iw) {
- $(this).stop().animate({
- textIndent: "-" + (sw + 2 - iw) + "px"
- }, sw * 8);
- }
- },
- function () {
- $(this).stop().animate({
- textIndent: "0"
- }, 500);
- }
- );
}
});
-
- return recentUploadsTable;
};
+ $("#recent_uploads").addTitles("td");
+
+ self.isRecentUploadsRefreshTimerActive = false;
+
self.startRefreshingRecentUploads = function () {
- if (self.isRecentUploadsRefreshTimerActive()) { //Prevent multiple timers from running
- return;
+ if (!self.isRecentUploadsRefreshTimerActive) { //Prevent multiple timers from running
+ self.recentUploadsRefreshTimer = setInterval(function() {
+ self.recentUploadsTable.fnDraw();
+ }, 3000);
+ self.isRecentUploadsRefreshTimerActive = true;
}
- self.recentUploadsRefreshTimer = setInterval("self.recentUploadsTable.fnDraw()", 3000);
- };
-
- self.isRecentUploadsRefreshTimerActive = function () {
- return (self.recentUploadsRefreshTimer != null);
};
self.stopRefreshingRecentUploads = function () {
clearInterval(self.recentUploadsRefreshTimer);
- self.recentUploadsRefreshTimer = null;
+ self.isRecentUploadsRefreshTimerActive = false;
};
$("#upload_status_all").click(function () {
- self.uploadFilter = "all";
- self.recentUploadsTable.fnPageChange(0).fnDraw();
+ if (self.uploadFilter !== "all") {
+ self.uploadFilter = "all";
+ self.recentUploadsTable.fnPageChange(0).fnDraw();
+ }
});
$("#upload_status_pending").click(function () {
- self.uploadFilter = "pending";
- self.recentUploadsTable.fnPageChange(0).fnDraw();
+ if (self.uploadFilter !== "pending") {
+ self.uploadFilter = "pending";
+ self.recentUploadsTable.fnPageChange(0).fnDraw();
+ }
});
$("#upload_status_failed").click(function () {
- self.uploadFilter = "failed";
- self.recentUploadsTable.fnPageChange(0).fnDraw();
+ if (self.uploadFilter !== "failed") {
+ self.uploadFilter = "failed";
+ self.recentUploadsTable.fnPageChange(0).fnDraw();
+ }
});
//Create the recent uploads table.
diff --git a/airtime_mvc/public/js/airtime/library/podcast.js b/airtime_mvc/public/js/airtime/library/podcast.js
new file mode 100644
index 000000000..1a01e777c
--- /dev/null
+++ b/airtime_mvc/public/js/airtime/library/podcast.js
@@ -0,0 +1,623 @@
+var AIRTIME = (function (AIRTIME) {
+ var mod;
+
+ if (AIRTIME.podcast === undefined) {
+ AIRTIME.podcast = {};
+ }
+
+ mod = AIRTIME.podcast;
+
+ var endpoint = '/rest/podcast/', PodcastEpisodeTable;
+
+ /**
+ * PodcastController constructor.
+ *
+ * @param {angular.scope} $scope angular scope service object
+ * @param {angular.http} $http angular http service object
+ * @param {Object} podcast podcast metadata object
+ * @param {int} podcast.id podcast unique identifier
+ * @param {string} podcast.title podcast metadata title
+ * @param {Tab} tab Tab object the controller is being bootstrapped in
+ *
+ * @constructor
+ */
+ function PodcastController($scope, $http, podcast, tab) {
+ // We need to pass in the tab object and the episodes table object so we can reference them
+ var self = this,
+ view = tab ? tab.contents : $(document);
+
+ //We take a podcast object in as a parameter rather fetching the podcast by ID here because
+ //when you're creating a new podcast, we already have the object from the result of the POST. We're saving
+ //a roundtrip by not fetching it again here.
+ $scope.podcast = podcast;
+ $scope.tab = tab;
+ $scope.csrf = jQuery("#csrf").val();
+ view.find("table").attr("id", "podcast_episodes_" + podcast.id);
+
+ self.onSaveCallback = function () {
+ AIRTIME.library.podcastDataTable.fnDraw();
+ tab.close();
+ };
+
+ /**
+ * Save and update the podcast object.
+ */
+ $scope.savePodcast = function () {
+ $http.put(endpoint + $scope.podcast.id, {csrf_token: $scope.csrf, podcast: $scope.podcast})
+ .success(function () {
+ self.onSaveCallback();
+ });
+ };
+
+ /**
+ * Close the tab and discard any changes made to the podcast data.
+ */
+ $scope.discard = function () {
+ !tab || tab.close();
+ $scope.podcast = {};
+ };
+
+ self.$scope = $scope;
+ self.$http = $http;
+ self.initialize();
+
+ return self;
+ }
+
+ /**
+ * Initialize the controller.
+ *
+ * Sets up the internal datatable.
+ */
+ PodcastController.prototype.initialize = function() {
+ var self = this;
+ // TODO: this solves a race condition, but we should look for the root cause
+ AIRTIME.tabs.onResize();
+ self.$scope.tab.setName(self.$scope.podcast.title);
+ // Add an onclose hook to the tab to remove the table object and the
+ // import listener so we don't cause memory leaks.
+ if (self.episodeTable) {
+ self.$scope.tab.assignOnCloseHandler(function () {
+ self.episodeTable.destroy();
+ self.episodeTable = null;
+ self.$scope.$destroy();
+ });
+ }
+ };
+
+ /**
+ * StationPodcastController constructor.
+ *
+ * @param {angular.scope} $scope angular scope service object
+ * @param {angular.http} $http angular http service object
+ * @param {Object} podcast podcast metadata object
+ * @param {int} podcast.id podcast unique identifier
+ * @param {string} podcast.title podcast metadata title
+ * @param {Tab} tab Tab object the controller is being bootstrapped in
+ *
+ * @constructor
+ */
+ function StationPodcastController($scope, $http, podcast, tab) {
+ // Super call to parent controller
+ PodcastController.call(this, $scope, $http, podcast, tab);
+ this.onSaveCallback = function () {
+ $http({
+ method: 'POST',
+ url: '/preference/station-podcast-settings',
+ headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+ data: { stationPodcastPrivacy: $("#podcast-settings").find("input:checked").val() }
+ }).success(function (data) {
+ $("#preferences_podcast-stationPodcastFeedUrl").val(data.url);
+ $(".success").text($.i18n._("Podcast settings saved")).slideDown("fast");
+ setTimeout(function () {
+ $(".success").slideUp("fast");
+ }, 2000);
+ });
+ };
+ return this;
+ }
+
+ /**
+ * Subclass the PodcastController object.
+ *
+ * @type {PodcastController}
+ */
+ StationPodcastController.prototype = Object.create(PodcastController.prototype);
+
+ /**
+ * Remove the selected episodes from the station podcast feed.
+ */
+ StationPodcastController.prototype.unpublishSelectedEpisodes = function () {
+ var self = this, $scope = self.$scope,
+ episodes = self.episodeTable.getSelectedRows();
+ jQuery.each(episodes, function () {
+ self.$http.delete(endpoint + $scope.podcast.id + '/episodes/' + this.id + '?csrf_token=' + $scope.csrf)
+ .success(function () {
+ self.reloadEpisodeTable();
+ });
+ });
+ };
+
+ /**
+ * Open metadata editor tabs for each of the selected episodes.
+ */
+ StationPodcastController.prototype.openSelectedTabEditors = function () {
+ mod.editSelectedEpisodes(this.episodeTable.getSelectedRows());
+ };
+
+ /**
+ * Initialize the Station podcast episode table.
+ *
+ * @private
+ */
+ StationPodcastController.prototype._initTable = function() {
+ var self = this, $scope = this.$scope,
+ buttons = {
+ deleteBtn: {
+ title : $.i18n._('Unpublish'),
+ iconClass : 'icon-trash',
+ extraBtnClass : 'btn-danger',
+ elementId : '',
+ eventHandlers : {
+ click: self.unpublishSelectedEpisodes.bind(self)
+ },
+ validateConstraints: function () {
+ return this.getSelectedRows().length >= 1;
+ }
+ }
+ },
+ params = {
+ sAjaxSource : endpoint + $scope.podcast.id + '/episodes',
+ aoColumns: [
+ // TODO: it might be wrong to use CcFiles here? We should alias this instead
+ /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "CcFiles.track_title" , "sClass" : "podcast_episodes_title" , "sWidth" : "170px" },
+ /* Description */ { "sTitle" : $.i18n._("Description") , "mDataProp" : "CcFiles.description" , "sClass" : "podcast_episodes_description" , "sWidth" : "300px" }
+ ]
+ };
+
+ this.episodeTable = AIRTIME.podcast.initPodcastEpisodeDatatable(
+ $('.podcast_episodes'),
+ params,
+ buttons,
+ {
+ hideIngestCheckboxes: true,
+ podcastId: $scope.podcast.id,
+ emptyPlaceholder: {
+ iconClass: "icon-white icon-th-list",
+ html: $.i18n._("You haven't published any episodes!")
+ + "
" + $.i18n._("You can publish your uploaded content from the 'Tracks' view.")
+ + "
" + $.i18n._("Try it now") + ""
+ }
+ }
+ );
+
+ mod.stationPodcastTable = this.episodeTable.getDatatable();
+ };
+
+ /**
+ * Initialize the Station podcast.
+ */
+ StationPodcastController.prototype.initialize = function() {
+ // We want to override the default tab name behaviour and use "My Podcast" for clarity
+ this._initTable();
+ };
+
+ /**
+ * @override
+ *
+ * Reload the Station podcast episode table.
+ */
+ StationPodcastController.prototype.reloadEpisodeTable = function() {
+ this.episodeTable.getDatatable().fnDraw();
+ };
+
+ /**
+ * AngularJS app for podcast functionality.
+ *
+ * Bootstrapped for each podcast or Station podcast tab.
+ */
+ mod.podcastApp = angular.module('podcast', [])
+ .controller('Podcast', ['$scope', '$http', 'podcast', 'tab', PodcastController])
+ .controller('StationPodcast', ['$scope', '$http', 'podcast', 'tab', StationPodcastController]);
+
+ /**
+ * Implement bulk editing of podcasts in order to accommodate the existing selection
+ * mechanisms on the frontend.
+ *
+ * Bulk methods use a POST request because we need to send data in the request body.
+ *
+ * @param selectedData the data to operate on
+ * @param method HTTP request method type
+ * @param callback function to run upon success
+ * @private
+ */
+ function _bulkAction(selectedData, method, callback) {
+ var ids = [];
+ selectedData.forEach(function(el) {
+ var uid = AIRTIME.library.MediaTypeStringEnum.PODCAST+"_"+el.id,
+ t = AIRTIME.tabs.get(uid);
+ if (t && method == HTTPMethods.DELETE) {
+ t.close();
+ }
+ if (!(t && method == HTTPMethods.GET)) {
+ ids.push(el.id);
+ } else if (t != AIRTIME.tabs.getActiveTab()) {
+ t.switchTo();
+ }
+ });
+
+ if (ids.length > 0) {
+ $.post(endpoint + "bulk", {csrf_token: $("#csrf").val(), method: method, ids: ids}, callback);
+ }
+ }
+
+ /**
+ * Bootstrap and initialize the Angular app for the podcast being opened.
+ *
+ * @param podcast podcast JSON object to pass to the angular app
+ * @param tab Tab object the angular app will be initialized in
+ * @private
+ */
+ function _bootstrapAngularApp(podcast, tab) {
+ mod.podcastApp.value('podcast', podcast);
+ mod.podcastApp.value('tab', tab);
+ var wrapper = tab.contents.find(".angular_wrapper");
+ angular.bootstrap(wrapper.get(0), ["podcast"]);
+ }
+
+ /**
+ * Initialization function for a podcast tab.
+ * Called when editing one or more podcasts.
+ *
+ * @param data JSON data returned from the server.
+ * Contains a JSON encoded podcast object and tab
+ * content HTML and has the following form:
+ * {
+ * podcast: '{
+ * ...
+ * }'
+ * html: '<...>'
+ * }
+ * @private
+ */
+ function _initAppFromResponse(data) {
+ var podcast = JSON.parse(data.podcast),
+ uid = AIRTIME.library.MediaTypeStringEnum.PODCAST+"_"+podcast.id,
+ tab = AIRTIME.tabs.openTab(data.html, uid, null);
+ _bootstrapAngularApp(podcast, tab);
+ }
+
+ /**
+ * Initialize the PodcastTable subclass object (from Table).
+ *
+ * Do this in its own function to avoid unnecessary reinitialization of the object.
+ *
+ * @private
+ */
+ function _initPodcastEpisodeTable() {
+ PodcastEpisodeTable = function(wrapperDOMNode, bItemSelection, toolbarButtons, dataTablesOptions, config) {
+ this.config = config; // Internal configuration object
+ this._setupImportListener();
+ // Call the superconstructor
+ return AIRTIME.widgets.Table.call(this, wrapperDOMNode, bItemSelection, toolbarButtons, dataTablesOptions, config.emptyPlaceholder);
+ }; // Subclass AIRTIME.widgets.Table
+ PodcastEpisodeTable.prototype = Object.create(AIRTIME.widgets.Table.prototype);
+ PodcastEpisodeTable.prototype.constructor = PodcastEpisodeTable;
+ PodcastEpisodeTable.prototype._SELECTORS = Object.freeze({
+ SELECTION_CHECKBOX: ".airtime_table_checkbox:has(input)",
+ SELECTION_TABLE_ROW: "tr:has(td.airtime_table_checkbox > input)"
+ });
+
+ /**
+ * @override
+ *
+ * Override the checkbox delegate function in the Table object to change
+ * the row's checkbox and import status columns depending on the status
+ * of the episode (unimported: 0, imported: 1, pending import: -1).
+ *
+ * @param rowData
+ * @param callType
+ * @param dataToSave
+ *
+ * @returns {string}
+ * @private
+ */
+ PodcastEpisodeTable.prototype._datatablesCheckboxDataDelegate = function(rowData, callType, dataToSave) {
+ var defaultIcon = "
",
+ importIcon = "
",
+ pendingIcon = "
";
+ if (this.config.hideIngestCheckboxes && rowData.ingested && rowData.ingested != 0) {
+ return rowData.ingested > 0 ? importIcon : pendingIcon;
+ }
+ rowData.importIcon = (rowData.ingested != 0) ? (rowData.ingested > 0 ? importIcon : pendingIcon) : defaultIcon;
+ return AIRTIME.widgets.Table.prototype._datatablesCheckboxDataDelegate.call(this, rowData, callType, dataToSave);
+ };
+
+ /**
+ * Reload the episode table.
+ * Since we're sometimes using a static source, define a separate function to fetch and reload the table data.
+ * We use this when we save the Podcast because we need to flag rows the user is ingesting.
+ *
+ * @param [id] optional podcast identifier
+ */
+ PodcastEpisodeTable.prototype.reload = function (id) {
+ // When using static source data, we instantiate an empty table
+ // and pass this function the ID of the podcast we want to display.
+ if (id) this.config.podcastId = id;
+ var self = this, dt = self._datatable;
+ dt.block({
+ message: "",
+ theme: true,
+ applyPlatformOpacityRules: false
+ });
+ $.get(endpoint + self.config.podcastId + '/episodes', function (json) {
+ dt.fnClearTable(false);
+ dt.fnAddData(JSON.parse(json));
+ }).done(function () {
+ dt.unblock();
+ });
+ };
+
+ /**
+ * Setup an interval that checks for any pending imports and reloads
+ * the table once imports are finished.
+ *
+ * TODO: remember selection; make this more elegant?
+ *
+ * @private
+ */
+ PodcastEpisodeTable.prototype._setupImportListener = function () {
+ var self = this;
+ self.importListener = setInterval(function () {
+ var podcastId = self.config.podcastId, pendingRows = [];
+ if (!podcastId) return false;
+ var dt = self.getDatatable(), data = dt.fnGetData();
+ // Iterate over the table data to check for any rows pending import
+ $.each(data, function () {
+ if (this.ingested == -1) {
+ pendingRows.push(this.guid);
+ }
+ });
+ if (pendingRows.length > 0) {
+ // Manually trigger the Celery task to update the internal
+ // task reference because the upload will often finish quickly
+ $.get('/api/poll-celery');
+ // Fetch the table data if there are pending rows,
+ // then check if any of the pending rows have
+ // succeeded or failed before reloading the table.
+ $.get(endpoint + podcastId + '/episodes', function (json) {
+ data = JSON.parse(json);
+ var delta = false;
+ $.each(data, function () {
+ var idx = pendingRows.indexOf(this.guid);
+ if (idx > -1 && this.ingested != -1) {
+ delta = true;
+ pendingRows.slice(idx, 0);
+ }
+ });
+ if (delta) { // Has there been a change?
+ // We already have the data, so there's no reason to call
+ // reload() here; this also provides a smoother transition
+ dt.fnClearTable(false);
+ dt.fnAddData(data);
+ }
+ });
+ }
+ }, 5000); // Run every 5 seconds
+ };
+
+ /**
+ * Explicit destructor
+ */
+ PodcastEpisodeTable.prototype.destroy = function () {
+ clearInterval(this.importListener);
+ }
+ }
+
+ /**
+ * Create and show the URL dialog for podcast creation.
+ */
+ mod.createUrlDialog = function () {
+ $.get('/render/podcast-url-dialog', function(json) {
+ $(document.body).append(json.html);
+ $("#podcast_url_dialog").dialog({
+ title: $.i18n._("Add New Podcast"),
+ resizable: false,
+ modal: true,
+ width: '450px',
+ height: 129,
+ close: function () {
+ $(this).remove();
+ }
+ });
+ });
+ };
+
+ /**
+ * Find the URL in the podcast creation dialog and POST it to the server
+ * to store the feed as a Podcast object.
+ *
+ * FIXME: we should probably be passing the serialized form into this function instead
+ */
+ mod.addPodcast = function () {
+ $.post(endpoint, $("#podcast_url_dialog").find("form").serialize(), function(json) {
+ // Open the episode view for the newly created podcast in the left-hand pane
+ AIRTIME.library.podcastEpisodeTableWidget.reload(JSON.parse(json.podcast).id);
+ AIRTIME.library.podcastTableWidget.clearSelection();
+ AIRTIME.library.setCurrentTable(AIRTIME.library.DataTableTypeEnum.PODCAST_EPISODES);
+ $("#podcast_url_dialog").dialog("close");
+ }).fail(function (e) {
+ var errors = $("#podcast_url_dialog").find(".errors");
+ errors.show(200).text(e.responseText);
+ setTimeout(function () {
+ errors.hide(200);
+ }, 3000);
+ });
+ };
+
+ /**
+ * Create a bulk request to edit all currently selected podcasts.
+ */
+ mod.editSelectedPodcasts = function () {
+ _bulkAction(AIRTIME.library.podcastTableWidget.getSelectedRows(), HTTPMethods.GET, function(json) {
+ json.forEach(function(data) {
+ _initAppFromResponse(data);
+ });
+ });
+ };
+
+ /**
+ * Create a bulk request to delete all currently selected podcasts.
+ */
+ mod.deleteSelectedPodcasts = function () {
+ if (confirm($.i18n._("Are you sure you want to delete the selected podcasts from your library?"))) {
+ _bulkAction(AIRTIME.library.podcastTableWidget.getSelectedRows(), HTTPMethods.DELETE, function () {
+ AIRTIME.library.podcastDataTable.fnDraw();
+ });
+ }
+ };
+
+ /**
+ * Open metadata editor tabs for each of the selected episodes.
+ *
+ * @param {Array} episodes the array of selected episodes
+ */
+ mod.editSelectedEpisodes = function (episodes) {
+ $.each(episodes, function () {
+ if (this.file && !Object.keys(this.file).length > 0) return false;
+ var fileId = this.file_id || this.file.id, uid = AIRTIME.library.MediaTypeStringEnum.FILE + "_" + fileId;
+ $.get(baseUrl + "library/edit-file-md/id/" + fileId, {format: "json"}, function (json) {
+ AIRTIME.playlist.fileMdEdit(json, uid);
+ });
+ });
+ };
+
+ /**
+ * Import one or more podcast episodes.
+ *
+ * @param {Array} episodes array of episode data to be imported
+ * @param {PodcastEpisodeTable} dt PodcastEpisode table containing the data
+ */
+ mod.importSelectedEpisodes = function (episodes, dt) {
+ $.each(episodes, function () {
+ // remainingDiskSpace is defined in layout.phtml
+ if (this.enclosure.length > remainingDiskSpace) {
+ alert("You don't have enough disk space to import " + this.title);
+ return false;
+ }
+ if (this.file && Object.keys(this.file).length > 0) return false;
+ var podcastId = this.podcast_id;
+ $.post(endpoint + podcastId + '/episodes', JSON.stringify({
+ csrf_token: $("#csrf").val(),
+ episode: this
+ }), function () {
+ dt.reload(podcastId);
+ });
+
+ remainingDiskSpace -= this.enclosure.length;
+ });
+
+ dt.clearSelection();
+ };
+
+ /**
+ * Initialize the internal datatable for the podcast editor view to hold episode data passed back from the server.
+ *
+ * Selection for the internal table represents episodes marked for ingest and is disabled for ingested episodes.
+ *
+ * @param {jQuery} domNode the jQuery DOM node to create the table inside.
+ * @param {Object} params JSON object containing datatables parameters to override
+ * @param {Object} buttons JSON object containing datatables button parameters
+ * @param {Object} config JSON object containing internal PodcastEpisodeTable parameters
+ * @param {boolean} config.hideIngestCheckboxes flag denoting whether or not to hide checkboxes for ingested items
+ *
+ * @returns {Table} the created Table object
+ */
+ mod.initPodcastEpisodeDatatable = function (domNode, params, buttons, config) {
+ if ('slideToggle' in buttons) {
+ buttons = $.extend(true, {
+ slideToggle: {
+ title: '',
+ iconClass: 'spl-no-r-margin icon-chevron-up',
+ extraBtnClass: 'toggle-editor-form',
+ elementId: '',
+ eventHandlers: {},
+ validateConstraints: function () { return true; }
+ }
+ }, buttons);
+ }
+ params = $.extend(true, params,
+ {
+ bDeferRender: true,
+ oColVis: {
+ buttonText: $.i18n._("Columns"),
+ iOverlayFade: 0,
+ aiExclude: [0]
+ },
+ oColReorder: {
+ iFixedColumns: 1 // Checkbox
+ },
+ fnCreatedRow: function(nRow, aData, iDataIndex) {
+ var self = this;
+ if (aData.file && Object.keys(aData.file).length > 0) {
+ $(nRow).draggable({
+ helper: function () {
+ var $row = $(this), data = self._datatable.fnGetData(nRow);
+ $row.data("aData", data.file);
+ self.selectRow(this, data, self.SELECTION_MODE.SINGLE, $row.index());
+ var selected = self.getSelectedRows().length, container,
+ width = self._$wrapperDOMNode.closest(".dataTables_wrapper").outerWidth(), message;
+
+ message = sprintf($.i18n._(selected > 1 ? "Adding %s Items" : "Adding %s Item"), selected);
+ container = $('
').attr('id', 'draggingContainer').append('
|
')
+ .find("tr").append('
| ').find("td")
+ .attr("colspan", 100).width(width).css("max-width", "none")
+ .addClass("ui-state-highlight").append(message).end().end();
+
+ return container;
+ },
+ tolerance: 'pointer',
+ cursor: 'move',
+ cursorAt: {
+ top: 20,
+ left: Math.floor(self._datatable.outerWidth() / 2)
+ },
+ distance: 25, // min-distance for dragging
+ connectToSortable: $("#show_builder_table, .active-tab .spl_sortable")
+ });
+ }
+ },
+ fnDrawCallback: function () {
+ AIRTIME.library.drawEmptyPlaceholder(this);
+ // Hide the processing div
+ var dt = this.getDatatable();
+ !dt || dt.closest(".dataTables_wrapper").find(".dataTables_processing").css("visibility", "hidden");
+ }
+ }
+ );
+
+ if (typeof PodcastEpisodeTable === 'undefined') {
+ _initPodcastEpisodeTable();
+ }
+
+ var podcastEpisodesTableWidget = new PodcastEpisodeTable(
+ domNode, // DOM node to create the table inside.
+ true, // Enable item selection
+ buttons, // Toolbar buttons
+ params, // Datatables overrides.
+ config // Internal config
+ );
+
+ podcastEpisodesTableWidget.getDatatable().addTitles("td");
+ return podcastEpisodesTableWidget;
+ };
+
+ return AIRTIME;
+}(AIRTIME || {}));
+
+$(document).ready(function() {
+ $(document).on("submit", "#podcast_url_form", function (e) {
+ e.preventDefault();
+ AIRTIME.podcast.addPodcast();
+ });
+});
diff --git a/airtime_mvc/public/js/airtime/library/publish.js b/airtime_mvc/public/js/airtime/library/publish.js
new file mode 100644
index 000000000..acd85950b
--- /dev/null
+++ b/airtime_mvc/public/js/airtime/library/publish.js
@@ -0,0 +1,184 @@
+
+var AIRTIME = (function (AIRTIME) {
+ var mod;
+
+ if (AIRTIME.publish === undefined) {
+ AIRTIME.publish = {};
+ }
+
+ mod = AIRTIME.publish;
+
+ var endpoint = 'rest/media/';
+ var dialogUrl = 'library/publish-dialog';
+ var PUBLISH_APP_NAME = 'publish';
+
+ //AngularJS app
+ var publishApp = angular.module(PUBLISH_APP_NAME, [])
+ .controller('Publish', function ($sce, $scope, $http, mediaId, tab) {
+ $scope.publishData = {};
+ var isAdmin = userType == 'A' || userType == 'S';
+ // Javascript enum containing source connection HTML strings (ie. Connect with SoundCloud button)
+ $scope.sourceConnectEnum = Object.freeze({
+ soundcloud: isAdmin ? $sce.trustAsHtml(
+ "
" +
+ "
" +
+ ""
+ ) : $sce.trustAsHtml($.i18n._("Ask your station administrator to connect to SoundCloud."))
+ });
+ var sourceInterval;
+
+ tab.contents.on("click", "input[type='checkbox']", function () {
+ var noSourcesChecked = true;
+ $.each(tab.contents.find("input[type='checkbox']"), function () {
+ if ($(this).is(":checked")) {
+ noSourcesChecked = false;
+ }
+ });
+ tab.contents.find(".publish-btn").prop("disabled", noSourcesChecked);
+ });
+
+ function fetchSourceData() {
+ var csrfToken = jQuery("#csrf").val();
+ $http.get(endpoint + mediaId, {csrf_token: csrfToken})
+ .success(function (json) {
+ $scope.media = json;
+ tab.setName($scope.media.track_title);
+ });
+
+ // Get an object containing all sources, their translated labels,
+ // and their publication state for the file with the given ID
+ $http.get(endpoint + mediaId + '/publish-sources', {csrf_token: csrfToken})
+ .success(function (json) {
+ $scope.sources = { toPublish: [], published: []};
+ $.each(json, function () {
+ if (Math.abs(this.status) == 1) {
+ $scope.sources.published.push(this);
+ } else {
+ $scope.sources.toPublish.push(this);
+ }
+ });
+ });
+ }
+
+ function init() {
+ fetchSourceData();
+ sourceInterval = setInterval(function() {
+ fetchSourceData();
+ }, 5000);
+
+ tab.assignOnCloseHandler(function () {
+ clearInterval(sourceInterval);
+ $scope.$destroy();
+ });
+ }
+
+
+ $scope.openEditDialog = function() {
+ var uid = AIRTIME.library.MediaTypeStringEnum.FILE + "_" + mediaId;
+ $.get(baseUrl + "library/edit-file-md/id/" + mediaId, {format: "json"}, function (json) {
+ AIRTIME.playlist.fileMdEdit(json, uid);
+ });
+ };
+
+ $scope.publish = function () {
+ var data = {};
+ jQuery.each($scope.publishData, function (k, v) {
+ if (v) {
+ if (k == "soundcloud") {
+ alert($.i18n._("Your track is being uploaded and will "
+ + "appear on SoundCloud in a couple of minutes"));
+ }
+ data[k] = 'publish'; // FIXME: should be more robust
+ }
+ });
+
+ if (data && Object.keys(data).length > 0) {
+ $http.put(endpoint + mediaId + '/publish', {csrf_token: jQuery("#csrf").val(), sources: data})
+ .success(function () {
+ tab.contents.find(".publish-btn").prop("disabled", true);
+ fetchSourceData();
+ $scope.publishData = {}; // Reset the publishData in case the user publishes
+ // and unpublishes without closing the tab
+ });
+ }
+ };
+
+ $scope.remove = function (source) {
+ var data = {};
+ data[source] = 'unpublish'; // FIXME: should be more robust
+ if (source != "soundcloud" || confirm($.i18n._("Are you sure? SoundCloud stats and comments "
+ + "for this track will be permanently removed."))) {
+ $http.put(endpoint + mediaId + '/publish', {csrf_token: jQuery("#csrf").val(), sources: data})
+ .success(function () {
+ fetchSourceData();
+ });
+ }
+ };
+
+ $scope.discard = function () {
+ tab.close();
+ $scope.media = {};
+ };
+
+ init();
+ });
+
+
+ /*
+ var selected = $("#podcast_table").find(".selected"),
+ ids = [];
+ var selectedData = AIRTIME.library.podcastTableWidget.getSelectedRows();
+ selectedData.forEach(function(el) {
+ ids.push(el.id);
+ });*/
+
+ function _bootstrapAngularApp(mediaId, tab) {
+ publishApp.value('mediaId', mediaId);
+ publishApp.value('tab', tab);
+ var wrapper = AIRTIME.tabs.getActiveTab().contents.find(".angular_wrapper");
+ angular.bootstrap(wrapper.get(0), [PUBLISH_APP_NAME]);
+ }
+
+ mod.publishSelectedTracks = function() {
+ /*
+ _bulkAction("GET", function(json) {
+ json.forEach(function(el) {
+ var uid = AIRTIME.library.MediaTypeStringEnum.FILE+"_"+el.id;
+ var mediaId = el.id;
+
+ $http.get(dialogUrl, { csrf_token: jQuery("#csrf").val() })
+ .success(function(json) {
+
+ AIRTIME.tabs.openTab(json, uid, null);
+ _bootstrapAngularApp(mediaId);
+ });
+ });
+ });*/
+
+ };
+
+ mod.openPublishDialog = function(mediaId) {
+
+ jQuery.get(dialogUrl, { csrf_token: jQuery("#csrf").val() })
+ .success(function(html) {
+ var tab = AIRTIME.tabs.openTab(html, PUBLISH_APP_NAME+"_"+mediaId, null);
+ _bootstrapAngularApp(mediaId, tab);
+ });
+
+ /*
+ _bulkAction("GET", function(json) {
+ json.forEach(function(el) {
+ var uid = AIRTIME.library.MediaTypeStringEnum.FILE+"_"+el.id;
+
+ $http.get(dialogUrl, { csrf_token: jQuery("#csrf").val() })
+ .success(function(json) {
+
+ AIRTIME.tabs.openTab(json, uid, null);
+ _bootstrapAngularApp(el.media);
+ });
+ });
+ });*/
+ };
+
+ return AIRTIME;
+}(AIRTIME || {}));
diff --git a/airtime_mvc/public/js/airtime/library/spl.js b/airtime_mvc/public/js/airtime/library/spl.js
index deee09aa1..329e660f7 100644
--- a/airtime_mvc/public/js/airtime/library/spl.js
+++ b/airtime_mvc/public/js/airtime/library/spl.js
@@ -12,9 +12,7 @@ var AIRTIME = (function(AIRTIME){
viewport,
$lib,
$pl,
- widgetHeight,
- $tabCount = 0,
- $openTabs = {};
+ widgetHeight;
function isTimeValid(time) {
//var regExpr = new RegExp("^\\d{2}[:]\\d{2}[:]\\d{2}([.]\\d{1,6})?$");
@@ -356,17 +354,6 @@ var AIRTIME = (function(AIRTIME){
}
}
- function updateActiveTabName(newTabName) {
- /*
- var nameElement = $(this);
- //remove any newlines if user somehow snuck them in (easy to do if dragging/dropping text)
- nameElement.text(nameElement.text().replace("\n", ""));
-
- var name = $pl.find(".playlist_name_display").val();
- */
- $(".nav.nav-tabs .active a > span.tab-name").text(newTabName);
- }
-
function redrawLib() {
var dt = $lib.find("#library_display").dataTable();
@@ -394,13 +381,13 @@ var AIRTIME = (function(AIRTIME){
setCueEvents();
setFadeEvents();
mod.setModified(json.modified);
- updateActiveTabName(json.name);
+ AIRTIME.tabs.getActiveTab().setName(json.name);
AIRTIME.playlist.validatePlaylistElements();
redrawLib();
}
- function setFadeIcon(){
+ mod.setFadeIcon = function() {
var contents = $pl.find(".spl_sortable");
var show = contents.is(":visible");
var empty = $pl.find(".spl_empty");
@@ -425,10 +412,10 @@ var AIRTIME = (function(AIRTIME){
$('.zend_form + .spl-no-margin > div:has(*:visible):last').css('margin-left', 0);
}
- function getId(pl) {
+ mod.getId = function(pl) {
pl = (pl === undefined) ? $pl : pl;
return parseInt(pl.find(".obj_id").val(), 10);
- }
+ };
mod.getModified = function(pl) {
pl = (pl === undefined) ? $pl : pl;
@@ -443,127 +430,6 @@ var AIRTIME = (function(AIRTIME){
$pl.find(".title_obj_name").text(title);
}
- function setTabName(name) {
- var id = $pl.data("tab-id");
- $("#show_builder").find("[data-tab-id='" + id + "']").find(".tab-name").text(name);
- }
-
- /*
- * Should all be moved to builder.js eventually
- */
- function buildNewTab(json) {
- AIRTIME.library.selectNone();
-
- var tabId = $openTabs[json.type + json.id];
- if (tabId !== undefined) {
- AIRTIME.showbuilder.switchTab($("#pl-tab-content-" + tabId), $("#pl-tab-" + tabId));
- return undefined;
- }
- $tabCount++;
-
- var wrapper = "
",
- t = $("#show_builder").append(wrapper).find("#pl-tab-content-" + $tabCount),
- pane = $(".editor_pane_wrapper:last"),
- name = json.type == "md" ? // file
- pane.append(json.html).find("#track_title").val() + $.i18n._(" - Metadata Editor")
- : pane.append(json.html).find(".playlist_name_display").val(),
- tab =
- "
" +
- "" +
- "" +
- "" +
- "",
- tabs = $(".nav.nav-tabs");
-
- if (json.id) {
- $openTabs[json.type + json.id] = $tabCount;
- }
-
- $(".nav.nav-tabs li").removeClass("active");
- tabs.append(tab);
- tabs.find("#pl-tab-" + $tabCount + " span.tab-name").text(name);
-
- var newTab = $("#pl-tab-" + $tabCount);
- AIRTIME.showbuilder.switchTab(t, newTab);
-
- return {wrapper: pane, tab: newTab, pane: t};
- }
-
- function openFileMdEditor(json) {
- var newTab = buildNewTab(json);
- if (newTab === undefined) {
- return;
- }
-
- initFileMdEvents(newTab);
- initialEvents();
- }
-
- function initFileMdEvents(newTab) {
- newTab.tab.on("click", function() {
- if (!$(this).hasClass('active')) {
- AIRTIME.showbuilder.switchTab(newTab.pane, newTab.tab);
- }
- });
-
- newTab.wrapper.find(".md-cancel").on("click", function() {
- closeTab();
- });
-
- newTab.wrapper.find(".md-save").on("click", function() {
- var file_id = newTab.wrapper.find('#file_id').val(),
- data = newTab.wrapper.find("#edit-md-dialog form").serializeArray();
- $.post(baseUrl+'library/edit-file-md', {format: "json", id: file_id, data: data}, function(resp) {
-
- newTab.wrapper.find("#edit-md-dialog").parent().html(resp.html);
-
- // don't redraw the library table if we are on calendar page
- // we would be on calendar if viewing recorded file metadata
- if ($("#schedule_calendar").length === 0) {
- oTable.fnStandingRedraw();
- }
-
- if (resp.status === true) {
- AIRTIME.playlist.closeTab();
- }
-
- //re-initialize events since we changed the html
- initFileMdEvents(newTab);
- });
-
- });
-
- newTab.wrapper.find('#edit-md-dialog').on("keyup", function(event) {
- if (event.keyCode === 13) {
- newTab.wrapper.find('.md-save').click();
- }
- });
-
- }
-
- function openPlaylist(json) {
- var newTab = buildNewTab(json);
- if (newTab === undefined) {
- return;
- }
- newTab.tab.on("click", function() {
- var type = newTab.pane.find(".obj_type").val(),
- url = baseUrl + ((type === "playlist" || type === "block") ? 'playlist' : 'webstream') + '/edit';
- if (!$(this).hasClass('active')) {
- AIRTIME.showbuilder.switchTab(newTab.pane, newTab.tab);
- $.post(url, {format: "json", id: newTab.pane.find(".obj_id").val(), type: type});
- }
- });
- AIRTIME.playlist.init();
-
- // functions in smart_blockbuilder.js
- setupUI();
- appendAddButton();
- appendModAddButton();
- removeButtonCheck();
- setFadeIcon();
- }
-
function openPlaylistPanel() {
viewport = AIRTIME.utilities.findViewportDimensions();
var screenWidth = Math.floor(viewport.width - 40);
@@ -574,33 +440,6 @@ var AIRTIME = (function(AIRTIME){
$("#pl_edit").hide();
}
- function closeTab(id) {
- var curr = $(".active-tab"),
- pane = id ? $(".pl-content[data-tab-id='" + id + "']") : curr,
- tab = id ? $(".nav.nav-tabs [data-tab-id='" + id + "']") : $(".nav.nav-tabs .active"),
- toPane = pane.next().length > 0 ? pane.next() : pane.prev(),
- toTab = tab.next().length > 0 ? tab.next() : tab.prev(),
- objId = pane.find(".obj_id").val(),
- pl = id ? pane : $pl;
- delete $openTabs[tab.attr("data-tab-type") + objId]; // Remove the closed tab from our open tabs array
-
- // Remove the relevant DOM elements (the tab and the tab content)
- tab.remove();
- pl.remove();
-
- if (pane.get(0) == curr.get(0)) { // Closing the current tab, otherwise we don't need to switch tabs
- AIRTIME.showbuilder.switchTab(toPane, toTab);
- }
-
- // If we close a tab that was causing tabs to wrap to the next row, we need to resize to change the
- // margin for the tab nav
- AIRTIME.playlist.onResize();
- }
-
- mod.closeTab = function(id) {
- closeTab(id);
- };
-
//Purpose of this function is to iterate over all playlist elements
//and verify whether they can be previewed by the browser or not. If not
//then the playlist element is greyed out
@@ -949,7 +788,7 @@ var AIRTIME = (function(AIRTIME){
setTimeout(function(){$status.fadeOut("slow", function(){$status.empty()})}, 5000);
$pl.find(".title_obj_name").val(name);
- updateActiveTabName(name);
+ AIRTIME.tabs.getActiveTab().setName(json.name).close();
var $ws_id = $(".active-tab .obj_id");
$ws_id.attr("value", json.streamId);
@@ -996,29 +835,26 @@ var AIRTIME = (function(AIRTIME){
$(this).unbind("click"); // Prevent repeated clicks in quick succession from closing multiple tabs
- var tabId = $(this).closest("li").attr("data-tab-id");
- //AIRTIME.showbuilder.switchTab($("#pl-tab-content-" + tabId), $("#pl-tab-" + tabId));
- //$pl.hide();
+ var tabId = $(this).closest("li").attr("data-tab-id"),
+ tab = AIRTIME.tabs.get(tabId);
// We need to update the text on the add button
AIRTIME.library.checkAddButton();
// We also need to run the draw callback to update how dragged items are drawn
AIRTIME.library.fnDrawCallback();
- var playlistNameElem = $pl.siblings("[data-tab-id='" + tabId + "']").find('.playlist_name_display');
- var name = "";
- if (playlistNameElem.val() !== undefined) {
- name = playlistNameElem.val().trim();
- }
+ var playlistNameElem = tab.tab.find('.tab-name');
+ var name = playlistNameElem.text().trim();
+ // TODO: refactor - this code is pretty finicky...
if ((name == $.i18n._("Untitled Playlist")
|| name == $.i18n._("Untitled Smart Block"))
- && $pl.find(".spl_sortable .spl_empty").length == 1) {
- mod.fnDelete(undefined, tabId);
- } else {
- closeTab(tabId);
+ && tab.contents.find(".spl_sortable .spl_empty").length == 1) {
+ mod.fnDelete(undefined, tab);
}
+ tab.close();
+
$.ajax( {
url : baseUrl+"usersettings/set-library-screen-settings",
type : "POST",
@@ -1053,7 +889,7 @@ var AIRTIME = (function(AIRTIME){
} else {
setTitleLabel(json.name);
- setTabName(json.name);
+ AIRTIME.tabs.getActiveTab().setName(json.name);
mod.setModified(json.modified);
if (obj_type == "block") {
@@ -1065,7 +901,7 @@ var AIRTIME = (function(AIRTIME){
dt.fnStandingRedraw();
}
}
- setFadeIcon();
+ mod.setFadeIcon();
disableLoadingIcon();
}
);
@@ -1076,13 +912,6 @@ var AIRTIME = (function(AIRTIME){
oData = {};
playlistRequest(sUrl, oData);
});
-
- $pl.find(".toggle-editor-form").unbind().on("click", function(event) {
- $pl.find(".inner_editor_wrapper").slideToggle(200);
- var buttonIcon = $(this).find('span.icon-white');
- buttonIcon.toggleClass('icon-chevron-up');
- buttonIcon.toggleClass('icon-chevron-down');
- });
}
function setUpPlaylist() {
@@ -1180,6 +1009,61 @@ var AIRTIME = (function(AIRTIME){
AIRTIME.playlist.validatePlaylistElements();
}
+ mod._initPlaylistTabEvents = function(newTab) {
+ newTab.assignTabClickHandler(function() {
+ if (!$(this).hasClass('active')) {
+ newTab.switchTo();
+ var type = newTab.contents.find(".obj_type").val();
+ if (type == "playlist" || type == "block") {
+ $.post(baseUrl + 'playlist/edit', { format: "json", id: newTab.contents.find(".obj_id").val(), type: type });
+ }
+ }
+ });
+
+ mod.init();
+
+ // functions in smart_blockbuilder.js
+ setupUI();
+ appendAddButton();
+ appendModAddButton();
+ removeButtonCheck();
+ mod.setFadeIcon();
+ };
+
+ mod._initFileMdEvents = function(newTab) {
+ var fileId = newTab.wrapper.find('#file_id').val();
+
+ newTab.contents.find(".md-cancel").on("click", function() {
+ newTab.close();
+ });
+
+ newTab.contents.find(".md-save").on("click", function() {
+ var data = newTab.wrapper.find(".edit-md-dialog form").serializeArray();
+ $.post(baseUrl+'library/edit-file-md', {format: "json", id: fileId, data: data}, function() {
+ // don't redraw the library table if we are on calendar page
+ // we would be on calendar if viewing recorded file metadata
+ if ($("#schedule_calendar").length === 0) {
+ oTable.fnStandingRedraw();
+ }
+ });
+
+ newTab.close();
+ });
+
+ newTab.contents.find(".md-publish").on("click", function() {
+ AIRTIME.publish.openPublishDialog(fileId);
+ });
+
+ newTab.wrapper.find('.edit-md-dialog').on("keyup", function(event) {
+ // Don't submit if the user hits enter in a textarea (description)
+ if ($(event.target).is('input') && event.keyCode === 13) {
+ newTab.wrapper.find('.md-save').click();
+ }
+ });
+
+ mod.setupEventListeners();
+ };
+
mod.fnNew = function() {
var url = baseUrl+'playlist/new';
@@ -1187,8 +1071,9 @@ var AIRTIME = (function(AIRTIME){
$.post(url,
{format: "json", type: 'playlist'},
- function(json){
- openPlaylist(json);
+ function(json) {
+ var uid = AIRTIME.library.MediaTypeStringEnum.PLAYLIST+"_"+json.id;
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initPlaylistTabEvents);
redrawLib();
});
};
@@ -1200,8 +1085,9 @@ var AIRTIME = (function(AIRTIME){
$.post(url,
{format: "json"},
- function(json){
- openPlaylist(json);
+ function(json) {
+ var uid = AIRTIME.library.MediaTypeStringEnum.WEBSTREAM+"_"+json.id;
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initPlaylistTabEvents);
redrawLib();
});
};
@@ -1215,33 +1101,33 @@ var AIRTIME = (function(AIRTIME){
$.post(url,
{format: "json", type: 'block'},
function(json){
- openPlaylist(json);
+ var uid = AIRTIME.library.MediaTypeStringEnum.BLOCK+"_"+json.id;
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initPlaylistTabEvents);
redrawLib();
});
};
- mod.fileMdEdit = function(json) {
- openFileMdEditor(json);
+ mod.fileMdEdit = function(json, uid) {
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initFileMdEvents);
};
- mod.fnEdit = function(id, type, url) {
- //openPlaylistPanel();
+ mod.fnEdit = function(data, url) {
stopAudioPreview();
$.post(url,
- {format: "json", id: id, type: type},
- function(json){
- openPlaylist(json);
+ {format: "json", id: data.id, type: data.ftype},
+ function(json) {
+ AIRTIME.tabs.openTab(json.html, data.tr_id, AIRTIME.playlist._initPlaylistTabEvents);
redrawLib();
});
};
- mod.fnDelete = function(plid, tabId) {
- var url, id, lastMod, type, pl = (tabId === undefined) ? $pl : $('#pl-tab-content-' + tabId);
+ mod.fnDelete = function(plid, tab) {
+ var url, id, lastMod, type, pl = tab.contents;
stopAudioPreview();
- id = (plid === undefined) ? getId(pl) : plid;
+ id = (plid === undefined) ? mod.getId(pl) : plid;
lastMod = mod.getModified(pl);
type = pl.find('.obj_type').val();
url = baseUrl+'playlist/delete';
@@ -1249,7 +1135,6 @@ var AIRTIME = (function(AIRTIME){
$.post(url,
{format: "json", ids: id, modified: lastMod, type: type},
function(json) {
- closeTab(tabId);
redrawLib();
});
};
@@ -1258,7 +1143,7 @@ var AIRTIME = (function(AIRTIME){
var url, id, lastMod;
stopAudioPreview();
- id = (wsid === undefined) ? getId() : wsid;
+ id = (wsid === undefined) ? mod.getId() : wsid;
lastMod = mod.getModified();
type = $pl.find('.obj_type').val();
url = baseUrl+'webstream/delete';
@@ -1266,7 +1151,8 @@ var AIRTIME = (function(AIRTIME){
$.post(url,
{format: "json", ids: id, modified: lastMod, type: type},
function(json){
- openPlaylist(json);
+ var uid = AIRTIME.library.MediaTypeStringEnum.WEBSTREAM+"_"+id;
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initPlaylistTabEvents);
redrawLib();
});
};
@@ -1286,10 +1172,6 @@ var AIRTIME = (function(AIRTIME){
});
};
- mod.fnOpenPlaylist = function(json) {
- openPlaylist(json);
- };
-
mod.enableUI = function() {
$lib.unblock();
$pl.unblock();
@@ -1308,7 +1190,7 @@ var AIRTIME = (function(AIRTIME){
}
else {
setPlaylistContent(json);
- setFadeIcon();
+ mod.setFadeIcon();
$pl.find('.errors').hide();
}
@@ -1317,7 +1199,8 @@ var AIRTIME = (function(AIRTIME){
mod.replaceForm = function(json){
$pl.find('.editor_pane_wrapper').html(json.html);
- openPlaylist(json);
+ var uid = AIRTIME.library.MediaTypeStringEnum.BLOCK+"_"+json.id;
+ AIRTIME.tabs.openTab(json.html, uid, AIRTIME.playlist._initPlaylistTabEvents);
};
@@ -1588,21 +1471,24 @@ var AIRTIME = (function(AIRTIME){
});
};
- mod.setAsActive = function() {
- $pl = $(".active-tab");
- $.post(baseUrl + "playlist/change-playlist", {"id": getId(), "type": $pl.find('.obj_type').val()});
+ mod.setupEventListeners = function() {
+ initialEvents();
+ };
+
+ mod.setCurrent = function(pl) {
+ $pl = pl;
+
+ var type = $pl.find('.obj_type').val();
+ if ($.inArray(type, Object.keys(AIRTIME.library.MediaTypeFullToStringEnum)) > -1) {
+ $.post(baseUrl + "playlist/change-playlist", {
+ id: mod.getId($pl),
+ type: type
+ });
+ }
};
mod.init = function() {
- AIRTIME.playlist.setAsActive();
-
- //$pl.delegate("#spl_delete", {"click": function(ev){
- // AIRTIME.playlist.fnDelete();
- //}});
- //
- //$pl.delegate("#ws_delete", {"click": function(ev){
- // AIRTIME.playlist.fnWsDelete();
- //}});
+ if (!$pl) return;
$pl.delegate(".pl-waveform-cues-btn", {"click": function(ev){
AIRTIME.playlist.showCuesWaveform(ev);
@@ -1615,7 +1501,7 @@ var AIRTIME = (function(AIRTIME){
setPlaylistEntryEvents();
setCueEvents();
setFadeEvents();
- setFadeIcon();
+ mod.setFadeIcon();
initialEvents();
setUpPlaylist();
@@ -1651,16 +1537,8 @@ var AIRTIME = (function(AIRTIME){
AIRTIME.playlist.init();
};
- mod.onResize = function() {
- var h = $(".panel-header .nav").height();
- $(".pl-content").css("margin-top", h + 5); // 8px extra for padding
- $("#show_builder_table_wrapper").css("top", h + 5);
- };
-
return AIRTIME;
}(AIRTIME || {}));
-
$(document).ready(AIRTIME.playlist.onReady);
-$(window).resize(AIRTIME.playlist.onResize);
diff --git a/airtime_mvc/public/js/airtime/playlist/smart_blockbuilder.js b/airtime_mvc/public/js/airtime/playlist/smart_blockbuilder.js
index 57c3666a0..0bbc16852 100644
--- a/airtime_mvc/public/js/airtime/playlist/smart_blockbuilder.js
+++ b/airtime_mvc/public/js/airtime/playlist/smart_blockbuilder.js
@@ -607,6 +607,7 @@ var criteriaTypes = {
"copyright" : "s",
"cuein" : "n",
"cueout" : "n",
+ "description" : "s",
"artist_name" : "s",
"encoded_by" : "s",
"utime" : "n",
diff --git a/airtime_mvc/public/js/airtime/schedule/schedule.js b/airtime_mvc/public/js/airtime/schedule/schedule.js
index 110054eeb..cb05b889e 100644
--- a/airtime_mvc/public/js/airtime/schedule/schedule.js
+++ b/airtime_mvc/public/js/airtime/schedule/schedule.js
@@ -216,7 +216,7 @@ function buildScheduleDialog (json, instance_id) {
buttons: [
{
text: $.i18n._("Ok"),
- "class": "btn",
+ class: "btn",
click: function() {
$(this).dialog("close");
//getUsabilityHint();
diff --git a/airtime_mvc/public/js/airtime/showbuilder/builder.js b/airtime_mvc/public/js/airtime/showbuilder/builder.js
index f2aad15ae..20ee03796 100644
--- a/airtime_mvc/public/js/airtime/showbuilder/builder.js
+++ b/airtime_mvc/public/js/airtime/showbuilder/builder.js
@@ -108,21 +108,6 @@ var AIRTIME = (function(AIRTIME){
}
};
- mod.switchTab = function(tab, el) {
- $(".active-tab").hide().removeClass("active-tab");
- tab.addClass("active-tab").show();
-
- $(".nav.nav-tabs .active").removeClass("active");
- el.addClass("active");
-
- if (tab.hasClass("pl-content")) {
- AIRTIME.playlist.setAsActive();
- }
- AIRTIME.playlist.onResize();
- AIRTIME.library.fnRedraw();
- };
-
-
mod.checkSelectButton = function() {
var $selectable = $sbTable.find("tr");
@@ -1039,13 +1024,16 @@ var AIRTIME = (function(AIRTIME){
fnReceive = function(event, ui) {
var aItems = [];
- AIRTIME.library.addToChosen(ui.item);
-
- aItems = AIRTIME.library.getSelectedData();
- origTrs = aItems;
- html = ui.helper.html();
-
- AIRTIME.library.removeFromChosen(ui.item);
+ if (AIRTIME.library.getCurrentTable() == AIRTIME.library.libraryDataTable) {
+ AIRTIME.library.addToChosen(ui.item);
+ aItems = AIRTIME.library.getSelectedData();
+ origTrs = aItems;
+ html = ui.helper.html();
+ AIRTIME.library.removeFromChosen(ui.item);
+ } else if (AIRTIME.library.getCurrentTable() == AIRTIME.library.podcastEpisodeDataTable) {
+ origTrs = [$(ui.item).data("aData")];
+ html = ui.helper.html();
+ }
};
fnUpdate = function(event, ui) {
diff --git a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
index cf210e415..e63020e59 100644
--- a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
+++ b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
@@ -138,8 +138,15 @@ AIRTIME = (function(AIRTIME) {
});
$(window).on('hashchange', function() {
- var selected = $("a[href$='"+location.hash+"']");
- var dashboardLink = $(".media_type_selector:first");
+ var selected = $("a[href$='"+location.hash+"']"),
+ dashboardLink = $(".media_type_selector:first"),
+ tableType;
+
+ if (selected.parent().data("selection-id") == AIRTIME.library.MediaTypeIntegerEnum.PODCAST) {
+ tableType = AIRTIME.library.DataTableTypeEnum.PODCAST;
+ } else {
+ tableType = AIRTIME.library.DataTableTypeEnum.LIBRARY;
+ }
dashboardLink.find("a").attr("href", selected.attr("href"));
AIRTIME.library.selectNone();
@@ -147,7 +154,7 @@ AIRTIME = (function(AIRTIME) {
$(this).removeClass("selected");
});
selected.parent().addClass("selected");
- oTable.fnDraw();
+ AIRTIME.library.setCurrentTable(tableType);
$("#library_filter").text(selected.text());
// Highlight the dashboard link
dashboardLink.addClass("highlight");
@@ -177,12 +184,6 @@ AIRTIME = (function(AIRTIME) {
$builder = $("#show_builder");
$fs = $builder.find('fieldset');
- $("#schedule-tab").on("click", function() {
- if (!$(this).hasClass('active')) {
- AIRTIME.showbuilder.switchTab($("#show_builder .outer-datatable-wrapper"), $(this));
- }
- });
-
//Highlight the media type selector we're currently on.
highlightMediaTypeSelector();
diff --git a/airtime_mvc/public/js/airtime/showbuilder/tabs.js b/airtime_mvc/public/js/airtime/showbuilder/tabs.js
new file mode 100644
index 000000000..6e0b0bd08
--- /dev/null
+++ b/airtime_mvc/public/js/airtime/showbuilder/tabs.js
@@ -0,0 +1,392 @@
+var AIRTIME = (function(AIRTIME){
+ /**
+ * AIRTIME module namespace object
+ */
+ var mod,
+ /**
+ * Tab counter to use as unique tab IDs that can be
+ * retrieved from the DOM
+ *
+ * @type {number}
+ */
+ $tabCount = 0,
+ /**
+ * Map of Tab IDs (by tabCount) to object UIDs so
+ * Tabs can be referenced either by ID (from the DOM)
+ * or by UID (from object data)
+ *
+ * @type {{}}
+ */
+ $tabMap = {},
+ /**
+ * Map of object UIDs to currently open Tab objects
+ *
+ * @type {{}}
+ */
+ $openTabs = {},
+ /**
+ * The currently active (open) Tab object
+ *
+ * @type {Tab}
+ */
+ $activeTab,
+ /**
+ * Singleton object used to reference the schedule tab
+ *
+ * @type {ScheduleTab}
+ */
+ $scheduleTab;
+
+ if (AIRTIME.tabs === undefined) {
+ AIRTIME.tabs = {};
+ }
+ mod = AIRTIME.tabs;
+
+ /* #####################################################
+ Object Initialization and Functions
+ ##################################################### */
+
+ /**
+ * Tab object constructor
+ *
+ * @param {string} html the HTML to render as the tab contents
+ * @param {string} uid the unique ID for the tab. Uses the values in
+ * AIRTIME.library.MediaTypeStringEnum and the object ID
+ * to create a string of the form TYPE_ID.
+ * @returns {Tab} the created Tab object
+ * @constructor
+ */
+ var Tab = function(html, uid) {
+ var self = this;
+
+ AIRTIME.library.selectNone();
+
+ var existingTab = $openTabs[uid];
+ if (existingTab) {
+ existingTab.switchTo();
+ return existingTab;
+ }
+ self.id = ++$tabCount;
+ self.uid = uid;
+
+ // TODO: clean this up a bit and use js instead of strings to create elements
+ var wrapper = "
",
+ t = $("#show_builder").append(wrapper).find("#pl-tab-content-" + self.id),
+ pane = $(".editor_pane_wrapper:last").append(html),
+ name = pane.find("#track_title").length > 0 ? pane.find("#track_title").val() + $.i18n._(" - Metadata Editor")
+ : pane.find(".playlist_name_display").val(),
+ tab =
+ "
" +
+ "" +
+ "" + name + "" +
+ "" +
+ "" +
+ "",
+ tabs = $(".nav.nav-tabs");
+
+ $(".nav.nav-tabs li").removeClass("active");
+ tabs.append(tab);
+
+ var newTab = $("#pl-tab-" + self.id);
+
+ self.wrapper = pane;
+ self.contents = t;
+ self.tab = newTab;
+
+ $openTabs[uid] = self;
+ $tabMap[self.id] = uid;
+
+ self._init();
+ self.switchTo();
+ return self;
+ };
+
+ /**
+ * Private initialization function for Tab objects
+ *
+ * Assigns default action handlers to the tab DOM element
+ *
+ * @private
+ */
+ Tab.prototype._init = function() {
+ var self = this;
+ self.assignTabClickHandler(function(e) {
+ if (!$(this).hasClass('active')) {
+ self.switchTo();
+ }
+ });
+
+ self.assignTabCloseClickHandler(function(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ $(this).unbind("click"); // Prevent repeated clicks in quick succession from closing multiple tabs
+
+ // We need to update the text on the add button
+ AIRTIME.library.checkAddButton();
+ // We also need to run the draw callback to update how dragged items are drawn
+ AIRTIME.library.fnDrawCallback();
+ self.close();
+ });
+
+ self.contents.on("click", ".toggle-editor-form", function(event) {
+ self.contents.find(".inner_editor_wrapper").slideToggle(200);
+ var buttonIcon = $(this).find('.icon-white');
+ buttonIcon.toggleClass('icon-chevron-up');
+ buttonIcon.toggleClass('icon-chevron-down');
+ });
+ };
+
+ /**
+ * Internal destructor. Can be assigned via assignOnCloseHandler
+ *
+ * @private
+ */
+ Tab.prototype._destroy = function () {};
+
+ /**
+ * Assign the given function f as the click handler for the tab
+ *
+ * @param {function} f the function to call when the tab is clicked
+ */
+ Tab.prototype.assignTabClickHandler = function(f) {
+ var self = this;
+ self.tab.unbind("click").on("click", function (e) {
+ // Always close on middle mouse press
+ if (e.which == 2) {
+ // Simulate a click on the close tab button so any
+ // additional on-close behaviour is executed
+ self.tab.find(".lib_pl_close").click();
+ return;
+ }
+ f();
+ });
+ };
+
+ /**
+ * Assign the given function f as the click handler for the tab close button
+ *
+ * @param {function} f the function to call when the tab's close button is clicked
+ */
+ Tab.prototype.assignTabCloseClickHandler = function(f) {
+ this.tab.find(".lib_pl_close").unbind("click").click(f);
+ };
+
+ /**
+ * Assign an implicit destructor
+ *
+ * @param {function} fn function to run when this Tab is destroyed
+ */
+ Tab.prototype.assignOnCloseHandler = function (fn) {
+ this._destroy = fn;
+ };
+
+ /**
+ * Open this tab in the right-hand pane and set it as the currently active tab
+ */
+ Tab.prototype.switchTo = function() {
+ var self = this;
+ $activeTab.contents.hide().removeClass("active-tab");
+ self.contents.addClass("active-tab").show();
+
+ $activeTab.tab.removeClass("active");
+ self.tab.addClass("active");
+
+ mod.updateActiveTab();
+
+ // In case we're adding a tab that wraps to the next row
+ // It's better to call this here so we don't have to call it in multiple places
+ mod.onResize();
+ return this; // For chaining
+ };
+
+ /**
+ * Close the tab. Switches to the nearest open tab, prioritizing the
+ * more recent (rightmost) tabs
+ */
+ Tab.prototype.close = function() {
+ var self = this;
+
+ var ascTabs = Object.keys($openTabs).sort(function(a, b){return a-b}),
+ pos = ascTabs.indexOf(self.uid),
+ toTab = pos < ascTabs.length-1 ? $openTabs[ascTabs[++pos]] : $openTabs[ascTabs[--pos]];
+ delete $openTabs[self.uid]; // Remove this tab from the open tab array
+ delete $tabMap[self.id]; // Remove this tab from the internal tab mapping
+
+ // Remove the relevant DOM elements (the tab and its contents)
+ self.tab.remove();
+ self.contents.remove();
+
+ if (self.isActive()) { // Closing the current tab, otherwise we don't need to switch tabs
+ toTab.switchTo();
+ } else {
+ mod.onResize();
+ }
+
+ self._destroy();
+ };
+
+ /**
+ * Set the visible Tab name to the given string
+ *
+ * @param {string} name the name to set
+ */
+ Tab.prototype.setName = function(name) {
+ this.tab.find(".tab-name").text(name);
+ return this; // For chaining
+ };
+
+ /**
+ * Check if the Tab object is the currently active (open) Tab
+ *
+ * @returns {boolean} true if the Tab is the currently active Tab
+ */
+ Tab.prototype.isActive = function() {
+ return this.contents.get(0) == $activeTab.contents.get(0);
+ };
+
+ /**
+ * ScheduledTab object constructor
+ *
+ * The schedule tab is present in the DOM already on load, and we
+ * need to be able to reference it in the same way as other tabs
+ * (to avoid duplication and confusion) so we define it statically
+ *
+ * @constructor
+ */
+ var ScheduleTab = function() {
+ var self = this, uid = 0,
+ tab = $("#schedule-tab"),
+ pane = $("#show_builder"),
+ contents = pane.find(".outer-datatable-wrapper");
+ self.id = 0;
+
+ tab.data("tab-id", self.id);
+
+ self.wrapper = pane;
+ self.contents = contents;
+ self.tab = tab;
+
+ tab.on("click", function() {
+ if (!$(this).hasClass('active')) {
+ self.switchTo();
+ }
+ });
+
+ $openTabs[uid] = self;
+ $tabMap[self.id] = uid;
+ };
+ /**
+ * Subclass the Tab object
+ * @type {Tab}
+ */
+ ScheduleTab.prototype = Object.create(Tab.prototype);
+ ScheduleTab.prototype.constructor = ScheduleTab;
+
+ /* #####################################################
+ Module Functions
+ ##################################################### */
+
+ /**
+ * Initialize the singleton ScheduleTab object on startup
+ */
+ mod.initScheduleTab = function() {
+ $scheduleTab = new ScheduleTab();
+ $activeTab = $scheduleTab;
+ };
+
+ /**
+ * Create a new Tab object and open it in the ShowBuilder pane
+ *
+ * @param {string} html the HTML to render as the tab contents
+ * @param {string} uid the unique ID for the tab. Uses the values in
+ * AIRTIME.library.MediaTypeStringEnum and the object ID
+ * @param {function} callback an optional callback function to call once the
+ * Tab object is initialized
+ * @returns {Tab} the created Tab object
+ */
+ mod.openTab = function(html, uid, callback) {
+ var newTab = new Tab(html, uid);
+ if (callback) callback(newTab);
+ return newTab;
+ };
+
+ /**
+ * Updates the currently active tab
+ *
+ * Called when the user switches tabs for any reason
+ *
+ * NOTE: this function updates the currently active playlist
+ * as a side-effect, which is necessary for playlist tabs
+ * but not for other types of tabs... would be good to
+ * get rid of this dependency at some point
+ */
+ mod.updateActiveTab = function() {
+ var t = $(".nav.nav-tabs .active");
+ $activeTab = mod.get(t.data("tab-id"));
+ if (!$activeTab) $activeTab = $scheduleTab;
+ if ($activeTab.contents.hasClass("pl-content")) {
+ AIRTIME.playlist.setCurrent($activeTab.contents);
+ }
+ };
+
+ /**
+ * Get the ScheduleTab object
+ *
+ * @returns {ScheduleTab}
+ */
+ mod.getScheduleTab = function() {
+ return $scheduleTab;
+ };
+
+ /**
+ * Get the currently active (open) Tab object
+ *
+ * @returns {Tab} the currently active tab
+ */
+ mod.getActiveTab = function() {
+ return $activeTab;
+ };
+
+ /**
+ * Given a tab id, get the corresponding Tab object
+ *
+ * @param {int|string} id the tab or object ID of the Tab to retrieve
+ * @returns {Tab|undefined} the Tab object with the given ID, or undefined
+ * if no Tab with the given ID exists
+ */
+ mod.get = function(id) {
+ return $.isNumeric(id) ? $openTabs[$tabMap[id]] : $openTabs[id];
+ };
+
+ /**
+ * Adjust the margins on the right-hand pane when we have multiple rows of tabs
+ */
+ mod.onResize = function() {
+ var h = $(".panel-header .nav").height();
+ $(".pl-content").css("margin-top", h + 5); // 8px extra for padding
+ $("#show_builder_table_wrapper").css("top", h + 5);
+ };
+
+ /**
+ * Expose the Tab object so it can be subclassed
+ *
+ * @type {Function}
+ */
+ mod.Tab = Tab;
+
+ return AIRTIME;
+
+}(AIRTIME || {}));
+
+$(document).ready(function() {
+ var sb = $("#show_builder");
+ // Add text scrolling to tab names
+ sb.addTitles(".tab-name");
+ sb.find(".nav.nav-tabs").sortable({
+ containment: "parent",
+ distance: 25
+ });
+ // Initialize the ScheduleTab
+ AIRTIME.tabs.initScheduleTab();
+});
+$(window).resize(AIRTIME.tabs.onResize);
diff --git a/airtime_mvc/public/js/airtime/widgets/table-example.js b/airtime_mvc/public/js/airtime/widgets/table-example.js
new file mode 100644
index 000000000..800416e81
--- /dev/null
+++ b/airtime_mvc/public/js/airtime/widgets/table-example.js
@@ -0,0 +1,31 @@
+/**
+ * Created by asantoni on 11/09/15.
+ */
+
+
+$(document).ready(function() {
+ var aoColumns = [
+ /* Title */ { "sTitle" : $.i18n._("Title") , "mDataProp" : "track_title" , "sClass" : "library_title" , "sWidth" : "170px" },
+ /* Creator */ { "sTitle" : $.i18n._("Creator") , "mDataProp" : "artist_name" , "sClass" : "library_creator" , "sWidth" : "160px" },
+ /* Upload Time */ { "sTitle" : $.i18n._("Uploaded") , "mDataProp" : "utime" , "bVisible" : false , "sClass" : "library_upload_time" , "sWidth" : "155px" },
+ /* Website */ { "sTitle" : $.i18n._("Website") , "mDataProp" : "info_url" , "bVisible" : false , "sClass" : "library_url" , "sWidth" : "150px" },
+ /* Year */ { "sTitle" : $.i18n._("Year") , "mDataProp" : "year" , "bVisible" : false , "sClass" : "library_year" , "sWidth" : "60px" },
+ ];
+ var ajaxSourceURL = baseUrl+"rest/media";
+
+ var myToolbarButtons = AIRTIME.widgets.Table.getStandardToolbarButtons();
+ myToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.NEW].eventHandlers.click = function(e) { alert('New!'); };
+ myToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.EDIT].eventHandlers.click = function(e) { alert('Edit!'); };
+ myToolbarButtons[AIRTIME.widgets.Table.TOOLBAR_BUTTON_ROLES.DELETE].eventHandlers.click = function(e) { alert('Delete!'); };
+
+
+ //Set up the div with id "example-table" as a datatable.
+ var table = new AIRTIME.widgets.Table(
+ $('#example-table'), //DOM node to create the table inside.
+ true, //Enable item selection
+ myToolbarButtons, //Toolbar buttons
+ { //Datatables overrides.
+ 'aoColumns' : aoColumns,
+ 'sAjaxSource' : ajaxSourceURL
+ });
+});
diff --git a/airtime_mvc/public/js/airtime/widgets/table.js b/airtime_mvc/public/js/airtime/widgets/table.js
new file mode 100644
index 000000000..aaf3b75b9
--- /dev/null
+++ b/airtime_mvc/public/js/airtime/widgets/table.js
@@ -0,0 +1,547 @@
+/**
+ * Created by asantoni on 11/09/15.
+ */
+
+var AIRTIME = (function(AIRTIME) {
+
+ //Module initialization
+ if (AIRTIME.widgets === undefined) {
+ AIRTIME.widgets = {};
+ }
+
+ //Table widget constructor
+ /**
+ *
+ *
+ * @param wrapperDOMNode
+ * @param {boolean} bItemSelection
+ * @param {Object} toolbarButtons
+ * @param {Object} dataTablesOptions
+ * @param {Object} [emptyPlaceholder]
+ * @param {string} emptyPlaceholder.html
+ * @param {string} emptyPlaceholder.iconClass
+ *
+ * @returns {Table}
+ * @constructor
+ */
+ var Table = function(wrapperDOMNode, bItemSelection, toolbarButtons, dataTablesOptions, emptyPlaceholder) {
+
+ var self = this;
+
+ self.HUGE_INT = Math.pow(2, 53) - 1;
+
+ //Constants and enumerations
+ self.SELECTION_MODE = {
+ SINGLE : 0,
+ MULTI_SHIFT : 1,
+ MULTI_CTRL : 2
+ };
+
+ //Member variables
+ self._datatable = null;
+ self._selectedRows = []; //An array containing the underlying objects for each selected row. (Easy to use!)
+ //self._selectedRowVisualIdxMap = []; //A map of the visual index of a selected rows onto the actual row data.
+ self._selectedRowVisualIdxMin = self.HUGE_INT;
+ self._selectedRowVisualIdxMax = -1;
+ self._$wrapperDOMNode = null;
+ self._toolbarButtons = null;
+ //Save some of the constructor parameters
+ self._$wrapperDOMNode = $(wrapperDOMNode);
+ self._toolbarButtons = toolbarButtons;
+ self._emptyPlaceholder = emptyPlaceholder;
+
+ // Exclude the leftmost column if we're implementing item selection
+ self._colVisExcludeColumns = bItemSelection ? [0] : [];
+
+ //Finish initialization of the datatable since everything is declared by now.
+
+ // If selection is enabled, add in the checkbox column.
+ if (bItemSelection) {
+ dataTablesOptions["aoColumns"].unshift(
+ /* Checkbox */ { "sTitle" : "", "mData" : self._datatablesCheckboxDataDelegate.bind(this), "bSortable" : false , "bSearchable" : false , "sWidth" : "24px" , "sClass" : "airtime_table_checkbox" }
+ );
+ }
+
+ var options = {
+ "aoColumns": [
+ /* Title */ { "sTitle" : $.i18n._("Make sure to override me") , "mDataProp" : "track_title" , "sClass" : "library_title" , "sWidth" : "170px" },
+ ],
+ "bProcessing": true,
+ "bServerSide": true,
+ "sAjaxSource": baseUrl+"rest/media", //Override me
+ "sAjaxDataProp": "aaData",
+ "bScrollCollapse": false,
+ "deferLoading" : 1, //0 tells it there's zero elements loaded and disables the automatic AJAX. We don't want to load until after we bind all our event handlers, to prevent a race condition with the "init" event callback.
+ "sPaginationType": "full_numbers",
+ "bJQueryUI": true,
+ "bAutoWidth": false,
+ "aaSorting": [],
+ "iDisplayLength": 25,
+ "aLengthMenu": [25, 50, 100],
+ "oLanguage" : getDatatablesStrings({
+ "sEmptyTable": $.i18n._(""),
+ "sZeroRecords": $.i18n._("No matching results found.")
+ }),
+ "oColVis": {
+ "sAlign": "right",
+ "aiExclude": self._colVisExcludeColumns,
+ "buttonText": $.i18n._("Columns"),
+ "iOverlayFade": 0
+ },
+ // z = ColResize, R = ColReorder, C = ColVis
+ "sDom": 'Rf<"dt-process-rel"r><"H"<"table_toolbar"C>><"dataTables_scrolling"t<".empty_placeholder"<".empty_placeholder_image"><".empty_placeholder_text">>><"F"lip>>',
+
+ "fnPreDrawCallback": function () {
+ $("#draggingContainer").remove();
+ },
+ "fnServerData": self._fetchData.bind(self),
+ //"fnInitComplete" : function() { self._setupEventHandlers(bItemSelection) }
+ "fnDrawCallback": function () {
+ self.clearSelection();
+ }
+ };
+
+ //Override any options with those passed in as arguments to this constructor.
+ for (var key in dataTablesOptions)
+ {
+ options[key] = dataTablesOptions[key];
+ }
+
+ if (options.fnCreatedRow) {
+ options.fnCreatedRow = options.fnCreatedRow.bind(self);
+ }
+ if (options.fnDrawCallback) {
+ options.fnDrawCallback = options.fnDrawCallback.bind(self);
+ }
+
+ self._datatable = self._$wrapperDOMNode.dataTable(options);
+ // self._datatable.fnDraw(); //Load the AJAX data now that our event handlers have been bound.
+ self._setupEventHandlers(bItemSelection);
+
+ //return self._datatable;
+ return self;
+ };
+
+ Table.prototype.assignDblClickHandler = function(fn) {
+ $(this._datatable, 'tbody tr').on('dblclick', this._SELECTORS.SELECTION_TABLE_ROW, fn);
+ };
+
+
+ /* Set up global event handlers for the datatable.
+ * @param bItemSelection Whether or not row selection behaviour should be enabled for this widget.
+ * */
+ Table.prototype._setupEventHandlers = function(bItemSelection) {
+
+ var self = this;
+
+ /** This table row event handler is created once and catches events for any row. (It's less resource intensive
+ * than having a per-row callback...)
+ */
+ if (bItemSelection) {
+ $(self._datatable, 'tbody tr').on('click contextmenu', self._SELECTORS.SELECTION_TABLE_ROW, function (e) {
+ var aData = self._datatable.fnGetData(this);
+ var iDisplayIndex = $(this).index(); // The index of the row in the current page in the table.
+ var nRow = this;
+
+ e.stopPropagation();
+ e.preventDefault();
+ document.getSelection().removeAllRanges();
+
+ var selectionMode = self.SELECTION_MODE.SINGLE;
+ if (e.shiftKey) {
+ selectionMode = self.SELECTION_MODE.MULTI_SHIFT;
+ } else if (e.ctrlKey) {
+ selectionMode = self.SELECTION_MODE.MULTI_CTRL;
+ }
+
+ if (e.button == 2) {
+ selectionMode = self.SELECTION_MODE.SINGLE;
+ }
+ self.selectRow(nRow, aData, selectionMode, iDisplayIndex);
+ });
+
+ $(self._datatable, 'tbody tr').on('click', self._SELECTORS.SELECTION_CHECKBOX, function(e) {
+ $this = $(this);
+
+ var iVisualRowIdx = $this.parent().index();
+ var aData = self._datatable.fnGetData(iVisualRowIdx);
+ var selectionMode = self.SELECTION_MODE.MULTI_CTRL; //Behaviour for checkboxes.
+ if (e.shiftKey) {
+ selectionMode = self.SELECTION_MODE.MULTI_SHIFT;
+ }
+ self.selectRow($this.parent(), aData, selectionMode, iVisualRowIdx); //Always multiselect for checkboxes
+ e.stopPropagation();
+ return true;
+ });
+
+ // Clear selection when switching pages
+ $(self._datatable).on('page', function () {
+ self.clearSelection();
+ });
+ }
+
+ // On filter, display the number of total and filtered results in the search bar
+ $(self._datatable).on('filter', function() {
+ var dt = self._datatable, f = dt.closest(".dataTables_wrapper").find(".filter-message"),
+ totalRecords = dt.fnSettings().fnRecordsTotal(),
+ totalDisplayRecords = dt.fnSettings().fnRecordsDisplay();
+
+ if (f.length === 0) {
+ var el = document.createElement("span");
+ el.setAttribute("class", "filter-message");
+ f = dt.closest(".dataTables_wrapper").find(".dataTables_filter").append(el).find(".filter-message");
+ }
+
+ f.text(totalRecords > totalDisplayRecords ?
+ $.i18n._("Filtering out ") + (totalRecords - totalDisplayRecords)
+ + $.i18n._(" of ") + totalRecords
+ + $.i18n._(" records") : ""
+ );
+
+ dt.closest(".dataTables_wrapper").find('.dataTables_filter input[type="text"]')
+ .css('padding-right', f.outerWidth());
+ });
+
+ //Since this function is already called when the datatables initialization is complete, we know the DOM
+ //structure for the datatable exists and can just proceed to setup the toolbar DOM elements now.
+ self._setupToolbarButtons(self._toolbarButtons);
+ };
+
+
+ /**
+ * Member functions
+ *
+ */
+
+ /** Populate the toolbar with buttons.
+ *
+ * @param buttons A list of objects which contain button definitions. See self.TOOLBAR_BUTTON_ROLES for an example, or use getStandardToolbarButtons() to get a list of them.
+ * @private
+ */
+ Table.prototype._setupToolbarButtons = function(buttons) {
+ var self = this;
+ var $menu = self._$wrapperDOMNode.parent().parent().find("div.table_toolbar");
+ $menu.addClass("btn-toolbar");
+
+ //Create the toolbar buttons.
+ $.each(buttons, function(idx, btn) {
+ var buttonElement = self._createToolbarButton(btn.title, btn.iconClass, btn.extraBtnClass, btn.elementId);
+ $menu.append(buttonElement);
+ btn.element = buttonElement; //Save this guy in case you need it later.
+ //Bind event handlers to each button
+ $.each(btn.eventHandlers, function(eventName, eventCallback) {
+ $(buttonElement).on(eventName, function () {
+ if ($(buttonElement).find("button").is(':disabled')) { return; }
+ eventCallback();
+ });
+ });
+ });
+
+ self._checkToolbarButtons();
+ };
+
+ /**
+ * Check each of the toolbar buttons for the table and disable them if their constraints are invalid.
+ *
+ * Passes current Table object context to function calls.
+ */
+ Table.prototype._checkToolbarButtons = function () {
+ var self = this;
+ $.each(self._toolbarButtons, function (idx, btn) {
+ var btnNode = $(btn.element).find("button").get(0);
+ btnNode.disabled = btn.disabled = !btn.validateConstraints.call(self);
+ });
+ };
+
+ /** Create the DOM element for a toolbar button and return it. */
+ Table.prototype._createToolbarButton = function(title, iconClass, extraBtnClass, elementId) {
+
+ if (!iconClass) {
+ iconClass = 'icon-plus';
+ }
+
+ // var title = $.i18n._('Delete');
+ var outerDiv = document.createElement("div");
+ outerDiv.className = 'btn-group';
+ outerDiv.title = title;
+ var innerButton = document.createElement("button");
+ //innerButton.className = 'btn btn-small ' + extraBtnClass;
+ innerButton.className = 'btn ' + extraBtnClass;
+ innerButton.id = elementId;
+ var innerIcon = document.createElement("i");
+ innerIcon.className = 'icon-white ' + iconClass;
+ var innerTextSpan = document.createElement('span');
+ var innerText = document.createTextNode(title);
+ innerTextSpan.appendChild(innerText);
+ innerButton.appendChild(innerIcon);
+ innerButton.appendChild(innerTextSpan);
+ outerDiv.appendChild(innerButton);
+
+ /* Here's an example of what the button HTML should look like:
+ "
" +
+ "" +
+ "
"*/
+ return outerDiv;
+ };
+
+ Table.prototype.clearSelection = function() {
+ this._selectedRows = [];
+ //self._selectedRowVisualIdxMap = [];
+ this._selectedRowVisualIdxMin = self.HUGE_INT;
+ this._selectedRowVisualIdxMax = -1;
+ this._$wrapperDOMNode.find('.selected').removeClass('selected');
+ this._$wrapperDOMNode.find(this._SELECTORS.SELECTION_CHECKBOX).find('input').attr('checked', false);
+ this._checkToolbarButtons();
+ };
+
+ /** @param nRow is a tr DOM node (non-jQuery)
+ * @param aData is an array containing the raw data for the row. Can be null if you don't have it.
+ * @param selectionMode is an SELECT_MODE enum. Specify what selection mode you want to use for this action.
+ * @param iVisualRowIdx is an integer which corresponds to the index of the clicked row, as it appears to the user.
+ * eg. The 5th row in the table will have an iVisualRowIdx of 4 (0-based).
+ */
+ Table.prototype.selectRow = function(nRow, aData, selectionMode, iVisualRowIdx) {
+
+ var self = this;
+
+ //Default to single item selection.
+ if (selectionMode == undefined) {
+ selectionMode = self.SELECTION_MODE.SINGLE;
+ }
+
+ var $nRow = $(nRow);
+
+ //Regular single left-click mode
+ if (selectionMode == self.SELECTION_MODE.SINGLE) {
+ self.clearSelection();
+
+ self._selectedRows.push(aData);
+ self._selectedRowVisualIdxMin = iVisualRowIdx;
+ self._selectedRowVisualIdxMax = iVisualRowIdx;
+ //self._selectedRowVisualIdxMap[iVisualRowIdx] = aData;
+
+ $nRow.addClass('selected');
+ $nRow.find(self._SELECTORS.SELECTION_CHECKBOX).find('input').attr('checked', true);
+ }
+ //Ctrl-click multi row selection mode
+ else if (selectionMode == self.SELECTION_MODE.MULTI_CTRL) {
+
+ var foundAtIdx = $.inArray(aData, self._selectedRows);
+
+ //console.log('checkbox mouse', iVisualRowIdx, foundAtIdx);
+
+ //If the clicked row is already selected, deselect it.
+ if (foundAtIdx >= 0 && self._selectedRows.length >= 1) {
+ self._selectedRows.splice(foundAtIdx, 1);
+ $nRow.removeClass('selected');
+ $nRow.find(self._SELECTORS.SELECTION_CHECKBOX).find('input').attr('checked', false);
+ }
+ else {
+ self._selectedRows.push(aData);
+
+ self._selectedRowVisualIdxMin = iVisualRowIdx;
+ self._selectedRowVisualIdxMax = iVisualRowIdx;
+
+ $nRow.addClass('selected');
+ $nRow.find(self._SELECTORS.SELECTION_CHECKBOX).find('input').attr('checked', true);
+ }
+ }
+ //Shift-click multi row selection mode
+ else if (selectionMode == self.SELECTION_MODE.MULTI_SHIFT) {
+
+ //If there's no rows selected, just behave like single selection.
+ if (self._selectedRows.length == 0) {
+ return self.selectRow(nRow, aData, self.SELECTION_MODE.SINGLE, iVisualRowIdx);
+ }
+
+ if (iVisualRowIdx > self._selectedRowVisualIdxMax) {
+ self._selectedRowVisualIdxMax = iVisualRowIdx;
+ }
+ if (iVisualRowIdx < self._selectedRowVisualIdxMin) {
+ self._selectedRowVisualIdxMin = iVisualRowIdx;
+ }
+
+ var selectionStartRowIdx = Math.min(iVisualRowIdx, self._selectedRowVisualIdxMin);
+ var selectionEndRowIdx = Math.min(iVisualRowIdx, self._selectedRowVisualIdxMax);
+
+
+ //We can assume there's at least 1 row already selected now.
+ var allRows = self._datatable.fnGetData();
+
+ self._selectedRows = [];
+ for (var i = self._selectedRowVisualIdxMin; i <= self._selectedRowVisualIdxMax; i++)
+ {
+ self._selectedRows.push(allRows[i]);
+ $row = $($nRow.parent().children()[i]);
+ $row.addClass('selected');
+ $row.find(self._SELECTORS.SELECTION_CHECKBOX).find('input').attr('checked', true);
+ }
+
+ }
+ else {
+ console.log("Unimplemented selection mode");
+ }
+
+ self._checkToolbarButtons();
+ };
+
+ Table.prototype.getSelectedRows = function() {
+ return this._selectedRows;
+ };
+
+ Table.prototype.getEmptyPlaceholder = function () {
+ return this._emptyPlaceholder;
+ };
+
+ Table.prototype._handleAjaxError = function(r) {
+ // If the request was denied due to permissioning
+ if (r.status === 403) {
+ // Hide the processing div
+ /*
+ $("#library_display_wrapper").find(".dt-process-rel").hide();
+ $.getJSON( "ajax/library_placeholders.json", function( data ) {
+ $('.empty_placeholder_text').text($.i18n._(data.unauthorized));
+ }) ;
+
+ $('.empty_placeholder').show();
+ */
+ }
+ };
+
+ /** Grab data from a REST API and format so that DataTables can display it.
+ * This is the DataTables REST adapter function, basically.
+ * */
+ Table.prototype._fetchData = function ( sSource, aoData, fnCallback, oSettings )
+ {
+ var self = this;
+ var echo = aoData[0].value; //Datatables state tracking. Must be included.
+
+ var sortColName = "";
+ var sortDir = "";
+ var search = self._$wrapperDOMNode.closest(".dataTables_wrapper").find(".dataTables_filter").find("input").val();
+ if (oSettings.aaSorting.length > 0) {
+ var sortColIdx = oSettings.aaSorting[0][0];
+ sortColName = oSettings.aoColumns[sortColIdx].mDataProp;
+ sortDir = oSettings.aaSorting[0][1].toUpperCase();
+ }
+
+ // FIXME: We should probably just be sending aoData back here..?
+ $.ajax({
+ "dataType": 'json',
+ "type": "GET",
+ "url": sSource,
+ "data": {
+ "limit": oSettings._iDisplayLength,
+ "offset": oSettings._iDisplayStart,
+ "sort": sortColName,
+ "sort_dir": sortDir,
+ "search": search
+ },
+ "success": function (json, textStatus, jqXHR) {
+ var rawResponseJSON = json;
+ json = [];
+ json.aaData = rawResponseJSON;
+ json.iTotalRecords = jqXHR.getResponseHeader('X-TOTAL-COUNT');
+ json.iTotalDisplayRecords = json.iTotalRecords;
+ json.sEcho = echo;
+
+ //Pass it along to datatables.
+ fnCallback(json);
+ },
+ "error": self._handleAjaxError
+ });
+ };
+
+ Table.prototype._datatablesCheckboxDataDelegate = function(rowData, callType, dataToSave) {
+
+ if (callType == undefined) {
+ //Supposed to return the raw data for the type here.
+ return null;
+ } else if (callType == 'display') {
+ return "
";
+ } else if (callType == 'sort') {
+ return null;
+ } else if (callType == 'type') {
+ return "input";
+ } else if (callType == 'set') {
+ //The data to set is in dataToSave.
+ return;
+ } else if (callType == 'filter') {
+ return null;
+ }
+
+ //For all other calls, just return the data as this:
+ return "check";
+ };
+
+
+ //Accessors / Mutators
+
+ Table.prototype.getDatatable = function() {
+ return this._datatable;
+ };
+
+
+ //Static initializers / Class variables
+
+ Table.prototype._SELECTORS = Object.freeze({
+ SELECTION_CHECKBOX: ".airtime_table_checkbox",
+ SELECTION_TABLE_ROW: "tr"
+ });
+
+
+ Table.TOOLBAR_BUTTON_ROLES = {
+ NEW : 0,
+ EDIT : 1,
+ DELETE : 2
+ };
+ Object.freeze(Table.TOOLBAR_BUTTON_ROLES);
+
+
+ //Set of standard buttons. Use getStandardToolbarButtons() to grab these and pass them to the init() function.
+ Table._STANDARD_TOOLBAR_BUTTONS = {};
+ Table._STANDARD_TOOLBAR_BUTTONS[Table.TOOLBAR_BUTTON_ROLES.NEW] = {
+ title : $.i18n._('New'),
+ iconClass : "icon-plus",
+ extraBtnClass : "btn-small btn-new",
+ elementId : '',
+ eventHandlers : {},
+ validateConstraints: function () { return true; }
+ };
+ Table._STANDARD_TOOLBAR_BUTTONS[Table.TOOLBAR_BUTTON_ROLES.EDIT] = {
+ title : $.i18n._('Edit'),
+ iconClass : "icon-pencil",
+ extraBtnClass : "btn-small",
+ elementId : '',
+ eventHandlers : {},
+ validateConstraints: function () { return true; }
+ };
+ Table._STANDARD_TOOLBAR_BUTTONS[Table.TOOLBAR_BUTTON_ROLES.DELETE] = {
+ title : $.i18n._('Delete'),
+ iconClass : "icon-trash",
+ extraBtnClass : "btn-small btn-danger",
+ elementId : '',
+ eventHandlers : {},
+ validateConstraints: function () { return true; }
+ };
+ Object.freeze(Table._STANDARD_TOOLBAR_BUTTONS);
+
+
+ //Static method
+ Table.getStandardToolbarButtons = function() {
+ //Return a deep copy
+ return jQuery.extend(true, {}, Table._STANDARD_TOOLBAR_BUTTONS);
+ };
+
+ //Add Table to the widgets namespace
+ AIRTIME.widgets.Table = Table;
+
+
+ return AIRTIME;
+
+}(AIRTIME || {}));
+
+
diff --git a/airtime_mvc/public/js/libs/angular.js b/airtime_mvc/public/js/libs/angular.js
new file mode 100644
index 000000000..a6aafd5b3
--- /dev/null
+++ b/airtime_mvc/public/js/libs/angular.js
@@ -0,0 +1,28688 @@
+/**
+ * @license AngularJS v1.4.5
+ * (c) 2010-2015 Google, Inc. http://angularjs.org
+ * License: MIT
+ */
+(function(window, document, undefined) {'use strict';
+
+/**
+ * @description
+ *
+ * This object provides a utility for producing rich Error messages within
+ * Angular. It can be called as follows:
+ *
+ * var exampleMinErr = minErr('example');
+ * throw exampleMinErr('one', 'This {0} is {1}', foo, bar);
+ *
+ * The above creates an instance of minErr in the example namespace. The
+ * resulting error will have a namespaced error code of example.one. The
+ * resulting error will replace {0} with the value of foo, and {1} with the
+ * value of bar. The object is not restricted in the number of arguments it can
+ * take.
+ *
+ * If fewer arguments are specified than necessary for interpolation, the extra
+ * interpolation markers will be preserved in the final string.
+ *
+ * Since data will be parsed statically during a build step, some restrictions
+ * are applied with respect to how minErr instances are created and called.
+ * Instances should have names of the form namespaceMinErr for a minErr created
+ * using minErr('namespace') . Error codes, namespaces and template strings
+ * should all be static strings, not variables or general expressions.
+ *
+ * @param {string} module The namespace to use for the new minErr instance.
+ * @param {function} ErrorConstructor Custom error constructor to be instantiated when returning
+ * error from returned function, for cases when a particular type of error is useful.
+ * @returns {function(code:string, template:string, ...templateArgs): Error} minErr instance
+ */
+
+function minErr(module, ErrorConstructor) {
+ ErrorConstructor = ErrorConstructor || Error;
+ return function() {
+ var SKIP_INDEXES = 2;
+
+ var templateArgs = arguments,
+ code = templateArgs[0],
+ message = '[' + (module ? module + ':' : '') + code + '] ',
+ template = templateArgs[1],
+ paramPrefix, i;
+
+ message += template.replace(/\{\d+\}/g, function(match) {
+ var index = +match.slice(1, -1),
+ shiftedIndex = index + SKIP_INDEXES;
+
+ if (shiftedIndex < templateArgs.length) {
+ return toDebugString(templateArgs[shiftedIndex]);
+ }
+
+ return match;
+ });
+
+ message += '\nhttp://errors.angularjs.org/1.4.5/' +
+ (module ? module + '/' : '') + code;
+
+ for (i = SKIP_INDEXES, paramPrefix = '?'; i < templateArgs.length; i++, paramPrefix = '&') {
+ message += paramPrefix + 'p' + (i - SKIP_INDEXES) + '=' +
+ encodeURIComponent(toDebugString(templateArgs[i]));
+ }
+
+ return new ErrorConstructor(message);
+ };
+}
+
+/* We need to tell jshint what variables are being exported */
+/* global angular: true,
+ msie: true,
+ jqLite: true,
+ jQuery: true,
+ slice: true,
+ splice: true,
+ push: true,
+ toString: true,
+ ngMinErr: true,
+ angularModule: true,
+ uid: true,
+ REGEX_STRING_REGEXP: true,
+ VALIDITY_STATE_PROPERTY: true,
+
+ lowercase: true,
+ uppercase: true,
+ manualLowercase: true,
+ manualUppercase: true,
+ nodeName_: true,
+ isArrayLike: true,
+ forEach: true,
+ forEachSorted: true,
+ reverseParams: true,
+ nextUid: true,
+ setHashKey: true,
+ extend: true,
+ toInt: true,
+ inherit: true,
+ merge: true,
+ noop: true,
+ identity: true,
+ valueFn: true,
+ isUndefined: true,
+ isDefined: true,
+ isObject: true,
+ isBlankObject: true,
+ isString: true,
+ isNumber: true,
+ isDate: true,
+ isArray: true,
+ isFunction: true,
+ isRegExp: true,
+ isWindow: true,
+ isScope: true,
+ isFile: true,
+ isFormData: true,
+ isBlob: true,
+ isBoolean: true,
+ isPromiseLike: true,
+ trim: true,
+ escapeForRegexp: true,
+ isElement: true,
+ makeMap: true,
+ includes: true,
+ arrayRemove: true,
+ copy: true,
+ shallowCopy: true,
+ equals: true,
+ csp: true,
+ jq: true,
+ concat: true,
+ sliceArgs: true,
+ bind: true,
+ toJsonReplacer: true,
+ toJson: true,
+ fromJson: true,
+ convertTimezoneToLocal: true,
+ timezoneToOffset: true,
+ startingTag: true,
+ tryDecodeURIComponent: true,
+ parseKeyValue: true,
+ toKeyValue: true,
+ encodeUriSegment: true,
+ encodeUriQuery: true,
+ angularInit: true,
+ bootstrap: true,
+ getTestability: true,
+ snake_case: true,
+ bindJQuery: true,
+ assertArg: true,
+ assertArgFn: true,
+ assertNotHasOwnProperty: true,
+ getter: true,
+ getBlockNodes: true,
+ hasOwnProperty: true,
+ createMap: true,
+
+ NODE_TYPE_ELEMENT: true,
+ NODE_TYPE_ATTRIBUTE: true,
+ NODE_TYPE_TEXT: true,
+ NODE_TYPE_COMMENT: true,
+ NODE_TYPE_DOCUMENT: true,
+ NODE_TYPE_DOCUMENT_FRAGMENT: true,
+*/
+
+////////////////////////////////////
+
+/**
+ * @ngdoc module
+ * @name ng
+ * @module ng
+ * @description
+ *
+ * # ng (core module)
+ * The ng module is loaded by default when an AngularJS application is started. The module itself
+ * contains the essential components for an AngularJS application to function. The table below
+ * lists a high level breakdown of each of the services/factories, filters, directives and testing
+ * components available within this core module.
+ *
+ *
+ */
+
+var REGEX_STRING_REGEXP = /^\/(.+)\/([a-z]*)$/;
+
+// The name of a form control's ValidityState property.
+// This is used so that it's possible for internal tests to create mock ValidityStates.
+var VALIDITY_STATE_PROPERTY = 'validity';
+
+/**
+ * @ngdoc function
+ * @name angular.lowercase
+ * @module ng
+ * @kind function
+ *
+ * @description Converts the specified string to lowercase.
+ * @param {string} string String to be converted to lowercase.
+ * @returns {string} Lowercased string.
+ */
+var lowercase = function(string) {return isString(string) ? string.toLowerCase() : string;};
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+/**
+ * @ngdoc function
+ * @name angular.uppercase
+ * @module ng
+ * @kind function
+ *
+ * @description Converts the specified string to uppercase.
+ * @param {string} string String to be converted to uppercase.
+ * @returns {string} Uppercased string.
+ */
+var uppercase = function(string) {return isString(string) ? string.toUpperCase() : string;};
+
+
+var manualLowercase = function(s) {
+ /* jshint bitwise: false */
+ return isString(s)
+ ? s.replace(/[A-Z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) | 32);})
+ : s;
+};
+var manualUppercase = function(s) {
+ /* jshint bitwise: false */
+ return isString(s)
+ ? s.replace(/[a-z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) & ~32);})
+ : s;
+};
+
+
+// String#toLowerCase and String#toUpperCase don't produce correct results in browsers with Turkish
+// locale, for this reason we need to detect this case and redefine lowercase/uppercase methods
+// with correct but slower alternatives.
+if ('i' !== 'I'.toLowerCase()) {
+ lowercase = manualLowercase;
+ uppercase = manualUppercase;
+}
+
+
+var
+ msie, // holds major version number for IE, or NaN if UA is not IE.
+ jqLite, // delay binding since jQuery could be loaded after us.
+ jQuery, // delay binding
+ slice = [].slice,
+ splice = [].splice,
+ push = [].push,
+ toString = Object.prototype.toString,
+ getPrototypeOf = Object.getPrototypeOf,
+ ngMinErr = minErr('ng'),
+
+ /** @name angular */
+ angular = window.angular || (window.angular = {}),
+ angularModule,
+ uid = 0;
+
+/**
+ * documentMode is an IE-only property
+ * http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx
+ */
+msie = document.documentMode;
+
+
+/**
+ * @private
+ * @param {*} obj
+ * @return {boolean} Returns true if `obj` is an array or array-like object (NodeList, Arguments,
+ * String ...)
+ */
+function isArrayLike(obj) {
+ if (obj == null || isWindow(obj)) {
+ return false;
+ }
+
+ // Support: iOS 8.2 (not reproducible in simulator)
+ // "length" in obj used to prevent JIT error (gh-11508)
+ var length = "length" in Object(obj) && obj.length;
+
+ if (obj.nodeType === NODE_TYPE_ELEMENT && length) {
+ return true;
+ }
+
+ return isString(obj) || isArray(obj) || length === 0 ||
+ typeof length === 'number' && length > 0 && (length - 1) in obj;
+}
+
+/**
+ * @ngdoc function
+ * @name angular.forEach
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Invokes the `iterator` function once for each item in `obj` collection, which can be either an
+ * object or an array. The `iterator` function is invoked with `iterator(value, key, obj)`, where `value`
+ * is the value of an object property or an array element, `key` is the object property key or
+ * array element index and obj is the `obj` itself. Specifying a `context` for the function is optional.
+ *
+ * It is worth noting that `.forEach` does not iterate over inherited properties because it filters
+ * using the `hasOwnProperty` method.
+ *
+ * Unlike ES262's
+ * [Array.prototype.forEach](http://www.ecma-international.org/ecma-262/5.1/#sec-15.4.4.18),
+ * Providing 'undefined' or 'null' values for `obj` will not throw a TypeError, but rather just
+ * return the value provided.
+ *
+ ```js
+ var values = {name: 'misko', gender: 'male'};
+ var log = [];
+ angular.forEach(values, function(value, key) {
+ this.push(key + ': ' + value);
+ }, log);
+ expect(log).toEqual(['name: misko', 'gender: male']);
+ ```
+ *
+ * @param {Object|Array} obj Object to iterate over.
+ * @param {Function} iterator Iterator function.
+ * @param {Object=} context Object to become context (`this`) for the iterator function.
+ * @returns {Object|Array} Reference to `obj`.
+ */
+
+function forEach(obj, iterator, context) {
+ var key, length;
+ if (obj) {
+ if (isFunction(obj)) {
+ for (key in obj) {
+ // Need to check if hasOwnProperty exists,
+ // as on IE8 the result of querySelectorAll is an object without a hasOwnProperty function
+ if (key != 'prototype' && key != 'length' && key != 'name' && (!obj.hasOwnProperty || obj.hasOwnProperty(key))) {
+ iterator.call(context, obj[key], key, obj);
+ }
+ }
+ } else if (isArray(obj) || isArrayLike(obj)) {
+ var isPrimitive = typeof obj !== 'object';
+ for (key = 0, length = obj.length; key < length; key++) {
+ if (isPrimitive || key in obj) {
+ iterator.call(context, obj[key], key, obj);
+ }
+ }
+ } else if (obj.forEach && obj.forEach !== forEach) {
+ obj.forEach(iterator, context, obj);
+ } else if (isBlankObject(obj)) {
+ // createMap() fast path --- Safe to avoid hasOwnProperty check because prototype chain is empty
+ for (key in obj) {
+ iterator.call(context, obj[key], key, obj);
+ }
+ } else if (typeof obj.hasOwnProperty === 'function') {
+ // Slow path for objects inheriting Object.prototype, hasOwnProperty check needed
+ for (key in obj) {
+ if (obj.hasOwnProperty(key)) {
+ iterator.call(context, obj[key], key, obj);
+ }
+ }
+ } else {
+ // Slow path for objects which do not have a method `hasOwnProperty`
+ for (key in obj) {
+ if (hasOwnProperty.call(obj, key)) {
+ iterator.call(context, obj[key], key, obj);
+ }
+ }
+ }
+ }
+ return obj;
+}
+
+function forEachSorted(obj, iterator, context) {
+ var keys = Object.keys(obj).sort();
+ for (var i = 0; i < keys.length; i++) {
+ iterator.call(context, obj[keys[i]], keys[i]);
+ }
+ return keys;
+}
+
+
+/**
+ * when using forEach the params are value, key, but it is often useful to have key, value.
+ * @param {function(string, *)} iteratorFn
+ * @returns {function(*, string)}
+ */
+function reverseParams(iteratorFn) {
+ return function(value, key) { iteratorFn(key, value); };
+}
+
+/**
+ * A consistent way of creating unique IDs in angular.
+ *
+ * Using simple numbers allows us to generate 28.6 million unique ids per second for 10 years before
+ * we hit number precision issues in JavaScript.
+ *
+ * Math.pow(2,53) / 60 / 60 / 24 / 365 / 10 = 28.6M
+ *
+ * @returns {number} an unique alpha-numeric string
+ */
+function nextUid() {
+ return ++uid;
+}
+
+
+/**
+ * Set or clear the hashkey for an object.
+ * @param obj object
+ * @param h the hashkey (!truthy to delete the hashkey)
+ */
+function setHashKey(obj, h) {
+ if (h) {
+ obj.$$hashKey = h;
+ } else {
+ delete obj.$$hashKey;
+ }
+}
+
+
+function baseExtend(dst, objs, deep) {
+ var h = dst.$$hashKey;
+
+ for (var i = 0, ii = objs.length; i < ii; ++i) {
+ var obj = objs[i];
+ if (!isObject(obj) && !isFunction(obj)) continue;
+ var keys = Object.keys(obj);
+ for (var j = 0, jj = keys.length; j < jj; j++) {
+ var key = keys[j];
+ var src = obj[key];
+
+ if (deep && isObject(src)) {
+ if (isDate(src)) {
+ dst[key] = new Date(src.valueOf());
+ } else if (isRegExp(src)) {
+ dst[key] = new RegExp(src);
+ } else {
+ if (!isObject(dst[key])) dst[key] = isArray(src) ? [] : {};
+ baseExtend(dst[key], [src], true);
+ }
+ } else {
+ dst[key] = src;
+ }
+ }
+ }
+
+ setHashKey(dst, h);
+ return dst;
+}
+
+/**
+ * @ngdoc function
+ * @name angular.extend
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Extends the destination object `dst` by copying own enumerable properties from the `src` object(s)
+ * to `dst`. You can specify multiple `src` objects. If you want to preserve original objects, you can do so
+ * by passing an empty object as the target: `var object = angular.extend({}, object1, object2)`.
+ *
+ * **Note:** Keep in mind that `angular.extend` does not support recursive merge (deep copy). Use
+ * {@link angular.merge} for this.
+ *
+ * @param {Object} dst Destination object.
+ * @param {...Object} src Source object(s).
+ * @returns {Object} Reference to `dst`.
+ */
+function extend(dst) {
+ return baseExtend(dst, slice.call(arguments, 1), false);
+}
+
+
+/**
+* @ngdoc function
+* @name angular.merge
+* @module ng
+* @kind function
+*
+* @description
+* Deeply extends the destination object `dst` by copying own enumerable properties from the `src` object(s)
+* to `dst`. You can specify multiple `src` objects. If you want to preserve original objects, you can do so
+* by passing an empty object as the target: `var object = angular.merge({}, object1, object2)`.
+*
+* Unlike {@link angular.extend extend()}, `merge()` recursively descends into object properties of source
+* objects, performing a deep copy.
+*
+* @param {Object} dst Destination object.
+* @param {...Object} src Source object(s).
+* @returns {Object} Reference to `dst`.
+*/
+function merge(dst) {
+ return baseExtend(dst, slice.call(arguments, 1), true);
+}
+
+
+
+function toInt(str) {
+ return parseInt(str, 10);
+}
+
+
+function inherit(parent, extra) {
+ return extend(Object.create(parent), extra);
+}
+
+/**
+ * @ngdoc function
+ * @name angular.noop
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * A function that performs no operations. This function can be useful when writing code in the
+ * functional style.
+ ```js
+ function foo(callback) {
+ var result = calculateResult();
+ (callback || angular.noop)(result);
+ }
+ ```
+ */
+function noop() {}
+noop.$inject = [];
+
+
+/**
+ * @ngdoc function
+ * @name angular.identity
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * A function that returns its first argument. This function is useful when writing code in the
+ * functional style.
+ *
+ ```js
+ function transformer(transformationFn, value) {
+ return (transformationFn || angular.identity)(value);
+ };
+ ```
+ * @param {*} value to be returned.
+ * @returns {*} the value passed in.
+ */
+function identity($) {return $;}
+identity.$inject = [];
+
+
+function valueFn(value) {return function() {return value;};}
+
+function hasCustomToString(obj) {
+ return isFunction(obj.toString) && obj.toString !== Object.prototype.toString;
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isUndefined
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is undefined.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is undefined.
+ */
+function isUndefined(value) {return typeof value === 'undefined';}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isDefined
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is defined.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is defined.
+ */
+function isDefined(value) {return typeof value !== 'undefined';}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isObject
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is an `Object`. Unlike `typeof` in JavaScript, `null`s are not
+ * considered to be objects. Note that JavaScript arrays are objects.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is an `Object` but not `null`.
+ */
+function isObject(value) {
+ // http://jsperf.com/isobject4
+ return value !== null && typeof value === 'object';
+}
+
+
+/**
+ * Determine if a value is an object with a null prototype
+ *
+ * @returns {boolean} True if `value` is an `Object` with a null prototype
+ */
+function isBlankObject(value) {
+ return value !== null && typeof value === 'object' && !getPrototypeOf(value);
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isString
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is a `String`.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is a `String`.
+ */
+function isString(value) {return typeof value === 'string';}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isNumber
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is a `Number`.
+ *
+ * This includes the "special" numbers `NaN`, `+Infinity` and `-Infinity`.
+ *
+ * If you wish to exclude these then you can use the native
+ * [`isFinite'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isFinite)
+ * method.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is a `Number`.
+ */
+function isNumber(value) {return typeof value === 'number';}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isDate
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a value is a date.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is a `Date`.
+ */
+function isDate(value) {
+ return toString.call(value) === '[object Date]';
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.isArray
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is an `Array`.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is an `Array`.
+ */
+var isArray = Array.isArray;
+
+/**
+ * @ngdoc function
+ * @name angular.isFunction
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if a reference is a `Function`.
+ *
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is a `Function`.
+ */
+function isFunction(value) {return typeof value === 'function';}
+
+
+/**
+ * Determines if a value is a regular expression object.
+ *
+ * @private
+ * @param {*} value Reference to check.
+ * @returns {boolean} True if `value` is a `RegExp`.
+ */
+function isRegExp(value) {
+ return toString.call(value) === '[object RegExp]';
+}
+
+
+/**
+ * Checks if `obj` is a window object.
+ *
+ * @private
+ * @param {*} obj Object to check
+ * @returns {boolean} True if `obj` is a window obj.
+ */
+function isWindow(obj) {
+ return obj && obj.window === obj;
+}
+
+
+function isScope(obj) {
+ return obj && obj.$evalAsync && obj.$watch;
+}
+
+
+function isFile(obj) {
+ return toString.call(obj) === '[object File]';
+}
+
+
+function isFormData(obj) {
+ return toString.call(obj) === '[object FormData]';
+}
+
+
+function isBlob(obj) {
+ return toString.call(obj) === '[object Blob]';
+}
+
+
+function isBoolean(value) {
+ return typeof value === 'boolean';
+}
+
+
+function isPromiseLike(obj) {
+ return obj && isFunction(obj.then);
+}
+
+
+var TYPED_ARRAY_REGEXP = /^\[object (Uint8(Clamped)?)|(Uint16)|(Uint32)|(Int8)|(Int16)|(Int32)|(Float(32)|(64))Array\]$/;
+function isTypedArray(value) {
+ return TYPED_ARRAY_REGEXP.test(toString.call(value));
+}
+
+
+var trim = function(value) {
+ return isString(value) ? value.trim() : value;
+};
+
+// Copied from:
+// http://docs.closure-library.googlecode.com/git/local_closure_goog_string_string.js.source.html#line1021
+// Prereq: s is a string.
+var escapeForRegexp = function(s) {
+ return s.replace(/([-()\[\]{}+?*.$\^|,:#= 0) {
+ array.splice(index, 1);
+ }
+ return index;
+}
+
+/**
+ * @ngdoc function
+ * @name angular.copy
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Creates a deep copy of `source`, which should be an object or an array.
+ *
+ * * If no destination is supplied, a copy of the object or array is created.
+ * * If a destination is provided, all of its elements (for arrays) or properties (for objects)
+ * are deleted and then all elements/properties from the source are copied to it.
+ * * If `source` is not an object or array (inc. `null` and `undefined`), `source` is returned.
+ * * If `source` is identical to 'destination' an exception will be thrown.
+ *
+ * @param {*} source The source that will be used to make a copy.
+ * Can be any type, including primitives, `null`, and `undefined`.
+ * @param {(Object|Array)=} destination Destination into which the source is copied. If
+ * provided, must be of the same type as `source`.
+ * @returns {*} The copy or updated `destination`, if `destination` was specified.
+ *
+ * @example
+
+
+
+
+
form = {{user | json}}
+
master = {{master | json}}
+
+ */
+function copy(source, destination, stackSource, stackDest) {
+ if (isWindow(source) || isScope(source)) {
+ throw ngMinErr('cpws',
+ "Can't copy! Making copies of Window or Scope instances is not supported.");
+ }
+ if (isTypedArray(destination)) {
+ throw ngMinErr('cpta',
+ "Can't copy! TypedArray destination cannot be mutated.");
+ }
+
+ if (!destination) {
+ destination = source;
+ if (isObject(source)) {
+ var index;
+ if (stackSource && (index = stackSource.indexOf(source)) !== -1) {
+ return stackDest[index];
+ }
+
+ // TypedArray, Date and RegExp have specific copy functionality and must be
+ // pushed onto the stack before returning.
+ // Array and other objects create the base object and recurse to copy child
+ // objects. The array/object will be pushed onto the stack when recursed.
+ if (isArray(source)) {
+ return copy(source, [], stackSource, stackDest);
+ } else if (isTypedArray(source)) {
+ destination = new source.constructor(source);
+ } else if (isDate(source)) {
+ destination = new Date(source.getTime());
+ } else if (isRegExp(source)) {
+ destination = new RegExp(source.source, source.toString().match(/[^\/]*$/)[0]);
+ destination.lastIndex = source.lastIndex;
+ } else {
+ var emptyObject = Object.create(getPrototypeOf(source));
+ return copy(source, emptyObject, stackSource, stackDest);
+ }
+
+ if (stackDest) {
+ stackSource.push(source);
+ stackDest.push(destination);
+ }
+ }
+ } else {
+ if (source === destination) throw ngMinErr('cpi',
+ "Can't copy! Source and destination are identical.");
+
+ stackSource = stackSource || [];
+ stackDest = stackDest || [];
+
+ if (isObject(source)) {
+ stackSource.push(source);
+ stackDest.push(destination);
+ }
+
+ var result, key;
+ if (isArray(source)) {
+ destination.length = 0;
+ for (var i = 0; i < source.length; i++) {
+ destination.push(copy(source[i], null, stackSource, stackDest));
+ }
+ } else {
+ var h = destination.$$hashKey;
+ if (isArray(destination)) {
+ destination.length = 0;
+ } else {
+ forEach(destination, function(value, key) {
+ delete destination[key];
+ });
+ }
+ if (isBlankObject(source)) {
+ // createMap() fast path --- Safe to avoid hasOwnProperty check because prototype chain is empty
+ for (key in source) {
+ destination[key] = copy(source[key], null, stackSource, stackDest);
+ }
+ } else if (source && typeof source.hasOwnProperty === 'function') {
+ // Slow path, which must rely on hasOwnProperty
+ for (key in source) {
+ if (source.hasOwnProperty(key)) {
+ destination[key] = copy(source[key], null, stackSource, stackDest);
+ }
+ }
+ } else {
+ // Slowest path --- hasOwnProperty can't be called as a method
+ for (key in source) {
+ if (hasOwnProperty.call(source, key)) {
+ destination[key] = copy(source[key], null, stackSource, stackDest);
+ }
+ }
+ }
+ setHashKey(destination,h);
+ }
+ }
+ return destination;
+}
+
+/**
+ * Creates a shallow copy of an object, an array or a primitive.
+ *
+ * Assumes that there are no proto properties for objects.
+ */
+function shallowCopy(src, dst) {
+ if (isArray(src)) {
+ dst = dst || [];
+
+ for (var i = 0, ii = src.length; i < ii; i++) {
+ dst[i] = src[i];
+ }
+ } else if (isObject(src)) {
+ dst = dst || {};
+
+ for (var key in src) {
+ if (!(key.charAt(0) === '$' && key.charAt(1) === '$')) {
+ dst[key] = src[key];
+ }
+ }
+ }
+
+ return dst || src;
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.equals
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Determines if two objects or two values are equivalent. Supports value types, regular
+ * expressions, arrays and objects.
+ *
+ * Two objects or values are considered equivalent if at least one of the following is true:
+ *
+ * * Both objects or values pass `===` comparison.
+ * * Both objects or values are of the same type and all of their properties are equal by
+ * comparing them with `angular.equals`.
+ * * Both values are NaN. (In JavaScript, NaN == NaN => false. But we consider two NaN as equal)
+ * * Both values represent the same regular expression (In JavaScript,
+ * /abc/ == /abc/ => false. But we consider two regular expressions as equal when their textual
+ * representation matches).
+ *
+ * During a property comparison, properties of `function` type and properties with names
+ * that begin with `$` are ignored.
+ *
+ * Scope and DOMWindow objects are being compared only by identify (`===`).
+ *
+ * @param {*} o1 Object or value to compare.
+ * @param {*} o2 Object or value to compare.
+ * @returns {boolean} True if arguments are equal.
+ */
+function equals(o1, o2) {
+ if (o1 === o2) return true;
+ if (o1 === null || o2 === null) return false;
+ if (o1 !== o1 && o2 !== o2) return true; // NaN === NaN
+ var t1 = typeof o1, t2 = typeof o2, length, key, keySet;
+ if (t1 == t2) {
+ if (t1 == 'object') {
+ if (isArray(o1)) {
+ if (!isArray(o2)) return false;
+ if ((length = o1.length) == o2.length) {
+ for (key = 0; key < length; key++) {
+ if (!equals(o1[key], o2[key])) return false;
+ }
+ return true;
+ }
+ } else if (isDate(o1)) {
+ if (!isDate(o2)) return false;
+ return equals(o1.getTime(), o2.getTime());
+ } else if (isRegExp(o1)) {
+ return isRegExp(o2) ? o1.toString() == o2.toString() : false;
+ } else {
+ if (isScope(o1) || isScope(o2) || isWindow(o1) || isWindow(o2) ||
+ isArray(o2) || isDate(o2) || isRegExp(o2)) return false;
+ keySet = createMap();
+ for (key in o1) {
+ if (key.charAt(0) === '$' || isFunction(o1[key])) continue;
+ if (!equals(o1[key], o2[key])) return false;
+ keySet[key] = true;
+ }
+ for (key in o2) {
+ if (!(key in keySet) &&
+ key.charAt(0) !== '$' &&
+ o2[key] !== undefined &&
+ !isFunction(o2[key])) return false;
+ }
+ return true;
+ }
+ }
+ }
+ return false;
+}
+
+var csp = function() {
+ if (!isDefined(csp.rules)) {
+
+
+ var ngCspElement = (document.querySelector('[ng-csp]') ||
+ document.querySelector('[data-ng-csp]'));
+
+ if (ngCspElement) {
+ var ngCspAttribute = ngCspElement.getAttribute('ng-csp') ||
+ ngCspElement.getAttribute('data-ng-csp');
+ csp.rules = {
+ noUnsafeEval: !ngCspAttribute || (ngCspAttribute.indexOf('no-unsafe-eval') !== -1),
+ noInlineStyle: !ngCspAttribute || (ngCspAttribute.indexOf('no-inline-style') !== -1)
+ };
+ } else {
+ csp.rules = {
+ noUnsafeEval: noUnsafeEval(),
+ noInlineStyle: false
+ };
+ }
+ }
+
+ return csp.rules;
+
+ function noUnsafeEval() {
+ try {
+ /* jshint -W031, -W054 */
+ new Function('');
+ /* jshint +W031, +W054 */
+ return false;
+ } catch (e) {
+ return true;
+ }
+ }
+};
+
+/**
+ * @ngdoc directive
+ * @module ng
+ * @name ngJq
+ *
+ * @element ANY
+ * @param {string=} ngJq the name of the library available under `window`
+ * to be used for angular.element
+ * @description
+ * Use this directive to force the angular.element library. This should be
+ * used to force either jqLite by leaving ng-jq blank or setting the name of
+ * the jquery variable under window (eg. jQuery).
+ *
+ * Since angular looks for this directive when it is loaded (doesn't wait for the
+ * DOMContentLoaded event), it must be placed on an element that comes before the script
+ * which loads angular. Also, only the first instance of `ng-jq` will be used and all
+ * others ignored.
+ *
+ * @example
+ * This example shows how to force jqLite using the `ngJq` directive to the `html` tag.
+ ```html
+
+
+ ...
+ ...
+
+ ```
+ * @example
+ * This example shows how to use a jQuery based library of a different name.
+ * The library name must be available at the top most 'window'.
+ ```html
+
+
+ ...
+ ...
+
+ ```
+ */
+var jq = function() {
+ if (isDefined(jq.name_)) return jq.name_;
+ var el;
+ var i, ii = ngAttrPrefixes.length, prefix, name;
+ for (i = 0; i < ii; ++i) {
+ prefix = ngAttrPrefixes[i];
+ if (el = document.querySelector('[' + prefix.replace(':', '\\:') + 'jq]')) {
+ name = el.getAttribute(prefix + 'jq');
+ break;
+ }
+ }
+
+ return (jq.name_ = name);
+};
+
+function concat(array1, array2, index) {
+ return array1.concat(slice.call(array2, index));
+}
+
+function sliceArgs(args, startIndex) {
+ return slice.call(args, startIndex || 0);
+}
+
+
+/* jshint -W101 */
+/**
+ * @ngdoc function
+ * @name angular.bind
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Returns a function which calls function `fn` bound to `self` (`self` becomes the `this` for
+ * `fn`). You can supply optional `args` that are prebound to the function. This feature is also
+ * known as [partial application](http://en.wikipedia.org/wiki/Partial_application), as
+ * distinguished from [function currying](http://en.wikipedia.org/wiki/Currying#Contrast_with_partial_function_application).
+ *
+ * @param {Object} self Context which `fn` should be evaluated in.
+ * @param {function()} fn Function to be bound.
+ * @param {...*} args Optional arguments to be prebound to the `fn` function call.
+ * @returns {function()} Function that wraps the `fn` with all the specified bindings.
+ */
+/* jshint +W101 */
+function bind(self, fn) {
+ var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];
+ if (isFunction(fn) && !(fn instanceof RegExp)) {
+ return curryArgs.length
+ ? function() {
+ return arguments.length
+ ? fn.apply(self, concat(curryArgs, arguments, 0))
+ : fn.apply(self, curryArgs);
+ }
+ : function() {
+ return arguments.length
+ ? fn.apply(self, arguments)
+ : fn.call(self);
+ };
+ } else {
+ // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)
+ return fn;
+ }
+}
+
+
+function toJsonReplacer(key, value) {
+ var val = value;
+
+ if (typeof key === 'string' && key.charAt(0) === '$' && key.charAt(1) === '$') {
+ val = undefined;
+ } else if (isWindow(value)) {
+ val = '$WINDOW';
+ } else if (value && document === value) {
+ val = '$DOCUMENT';
+ } else if (isScope(value)) {
+ val = '$SCOPE';
+ }
+
+ return val;
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.toJson
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Serializes input into a JSON-formatted string. Properties with leading $$ characters will be
+ * stripped since angular uses this notation internally.
+ *
+ * @param {Object|Array|Date|string|number} obj Input to be serialized into JSON.
+ * @param {boolean|number} [pretty=2] If set to true, the JSON output will contain newlines and whitespace.
+ * If set to an integer, the JSON output will contain that many spaces per indentation.
+ * @returns {string|undefined} JSON-ified string representing `obj`.
+ */
+function toJson(obj, pretty) {
+ if (typeof obj === 'undefined') return undefined;
+ if (!isNumber(pretty)) {
+ pretty = pretty ? 2 : null;
+ }
+ return JSON.stringify(obj, toJsonReplacer, pretty);
+}
+
+
+/**
+ * @ngdoc function
+ * @name angular.fromJson
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Deserializes a JSON string.
+ *
+ * @param {string} json JSON string to deserialize.
+ * @returns {Object|Array|string|number} Deserialized JSON string.
+ */
+function fromJson(json) {
+ return isString(json)
+ ? JSON.parse(json)
+ : json;
+}
+
+
+function timezoneToOffset(timezone, fallback) {
+ var requestedTimezoneOffset = Date.parse('Jan 01, 1970 00:00:00 ' + timezone) / 60000;
+ return isNaN(requestedTimezoneOffset) ? fallback : requestedTimezoneOffset;
+}
+
+
+function addDateMinutes(date, minutes) {
+ date = new Date(date.getTime());
+ date.setMinutes(date.getMinutes() + minutes);
+ return date;
+}
+
+
+function convertTimezoneToLocal(date, timezone, reverse) {
+ reverse = reverse ? -1 : 1;
+ var timezoneOffset = timezoneToOffset(timezone, date.getTimezoneOffset());
+ return addDateMinutes(date, reverse * (timezoneOffset - date.getTimezoneOffset()));
+}
+
+
+/**
+ * @returns {string} Returns the string representation of the element.
+ */
+function startingTag(element) {
+ element = jqLite(element).clone();
+ try {
+ // turns out IE does not let you set .html() on elements which
+ // are not allowed to have children. So we just ignore it.
+ element.empty();
+ } catch (e) {}
+ var elemHtml = jqLite('
').append(element).html();
+ try {
+ return element[0].nodeType === NODE_TYPE_TEXT ? lowercase(elemHtml) :
+ elemHtml.
+ match(/^(<[^>]+>)/)[1].
+ replace(/^<([\w\-]+)/, function(match, nodeName) { return '<' + lowercase(nodeName); });
+ } catch (e) {
+ return lowercase(elemHtml);
+ }
+
+}
+
+
+/////////////////////////////////////////////////
+
+/**
+ * Tries to decode the URI component without throwing an exception.
+ *
+ * @private
+ * @param str value potential URI component to check.
+ * @returns {boolean} True if `value` can be decoded
+ * with the decodeURIComponent function.
+ */
+function tryDecodeURIComponent(value) {
+ try {
+ return decodeURIComponent(value);
+ } catch (e) {
+ // Ignore any invalid uri component
+ }
+}
+
+
+/**
+ * Parses an escaped url query string into key-value pairs.
+ * @returns {Object.
}
+ */
+function parseKeyValue(/**string*/keyValue) {
+ var obj = {};
+ forEach((keyValue || "").split('&'), function(keyValue) {
+ var splitPoint, key, val;
+ if (keyValue) {
+ key = keyValue = keyValue.replace(/\+/g,'%20');
+ splitPoint = keyValue.indexOf('=');
+ if (splitPoint !== -1) {
+ key = keyValue.substring(0, splitPoint);
+ val = keyValue.substring(splitPoint + 1);
+ }
+ key = tryDecodeURIComponent(key);
+ if (isDefined(key)) {
+ val = isDefined(val) ? tryDecodeURIComponent(val) : true;
+ if (!hasOwnProperty.call(obj, key)) {
+ obj[key] = val;
+ } else if (isArray(obj[key])) {
+ obj[key].push(val);
+ } else {
+ obj[key] = [obj[key],val];
+ }
+ }
+ }
+ });
+ return obj;
+}
+
+function toKeyValue(obj) {
+ var parts = [];
+ forEach(obj, function(value, key) {
+ if (isArray(value)) {
+ forEach(value, function(arrayValue) {
+ parts.push(encodeUriQuery(key, true) +
+ (arrayValue === true ? '' : '=' + encodeUriQuery(arrayValue, true)));
+ });
+ } else {
+ parts.push(encodeUriQuery(key, true) +
+ (value === true ? '' : '=' + encodeUriQuery(value, true)));
+ }
+ });
+ return parts.length ? parts.join('&') : '';
+}
+
+
+/**
+ * We need our custom method because encodeURIComponent is too aggressive and doesn't follow
+ * http://www.ietf.org/rfc/rfc3986.txt with regards to the character set (pchar) allowed in path
+ * segments:
+ * segment = *pchar
+ * pchar = unreserved / pct-encoded / sub-delims / ":" / "@"
+ * pct-encoded = "%" HEXDIG HEXDIG
+ * unreserved = ALPHA / DIGIT / "-" / "." / "_" / "~"
+ * sub-delims = "!" / "$" / "&" / "'" / "(" / ")"
+ * / "*" / "+" / "," / ";" / "="
+ */
+function encodeUriSegment(val) {
+ return encodeUriQuery(val, true).
+ replace(/%26/gi, '&').
+ replace(/%3D/gi, '=').
+ replace(/%2B/gi, '+');
+}
+
+
+/**
+ * This method is intended for encoding *key* or *value* parts of query component. We need a custom
+ * method because encodeURIComponent is too aggressive and encodes stuff that doesn't have to be
+ * encoded per http://tools.ietf.org/html/rfc3986:
+ * query = *( pchar / "/" / "?" )
+ * pchar = unreserved / pct-encoded / sub-delims / ":" / "@"
+ * unreserved = ALPHA / DIGIT / "-" / "." / "_" / "~"
+ * pct-encoded = "%" HEXDIG HEXDIG
+ * sub-delims = "!" / "$" / "&" / "'" / "(" / ")"
+ * / "*" / "+" / "," / ";" / "="
+ */
+function encodeUriQuery(val, pctEncodeSpaces) {
+ return encodeURIComponent(val).
+ replace(/%40/gi, '@').
+ replace(/%3A/gi, ':').
+ replace(/%24/g, '$').
+ replace(/%2C/gi, ',').
+ replace(/%3B/gi, ';').
+ replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));
+}
+
+var ngAttrPrefixes = ['ng-', 'data-ng-', 'ng:', 'x-ng-'];
+
+function getNgAttribute(element, ngAttr) {
+ var attr, i, ii = ngAttrPrefixes.length;
+ for (i = 0; i < ii; ++i) {
+ attr = ngAttrPrefixes[i] + ngAttr;
+ if (isString(attr = element.getAttribute(attr))) {
+ return attr;
+ }
+ }
+ return null;
+}
+
+/**
+ * @ngdoc directive
+ * @name ngApp
+ * @module ng
+ *
+ * @element ANY
+ * @param {angular.Module} ngApp an optional application
+ * {@link angular.module module} name to load.
+ * @param {boolean=} ngStrictDi if this attribute is present on the app element, the injector will be
+ * created in "strict-di" mode. This means that the application will fail to invoke functions which
+ * do not use explicit function annotation (and are thus unsuitable for minification), as described
+ * in {@link guide/di the Dependency Injection guide}, and useful debugging info will assist in
+ * tracking down the root of these bugs.
+ *
+ * @description
+ *
+ * Use this directive to **auto-bootstrap** an AngularJS application. The `ngApp` directive
+ * designates the **root element** of the application and is typically placed near the root element
+ * of the page - e.g. on the `` or `` tags.
+ *
+ * Only one AngularJS application can be auto-bootstrapped per HTML document. The first `ngApp`
+ * found in the document will be used to define the root element to auto-bootstrap as an
+ * application. To run multiple applications in an HTML document you must manually bootstrap them using
+ * {@link angular.bootstrap} instead. AngularJS applications cannot be nested within each other.
+ *
+ * You can specify an **AngularJS module** to be used as the root module for the application. This
+ * module will be loaded into the {@link auto.$injector} when the application is bootstrapped. It
+ * should contain the application code needed or have dependencies on other modules that will
+ * contain the code. See {@link angular.module} for more information.
+ *
+ * In the example below if the `ngApp` directive were not placed on the `html` element then the
+ * document would not be compiled, the `AppController` would not be instantiated and the `{{ a+b }}`
+ * would not be resolved to `3`.
+ *
+ * `ngApp` is the easiest, and most common way to bootstrap an application.
+ *
+
+
+
+ I can add: {{a}} + {{b}} = {{ a+b }}
+
+
+
+ angular.module('ngAppDemo', []).controller('ngAppDemoController', function($scope) {
+ $scope.a = 1;
+ $scope.b = 2;
+ });
+
+
+ *
+ * Using `ngStrictDi`, you would see something like this:
+ *
+
+
+
+
+ I can add: {{a}} + {{b}} = {{ a+b }}
+
+
This renders because the controller does not fail to
+ instantiate, by using explicit annotation style (see
+ script.js for details)
+
+
+
+
+ Name:
+ Hello, {{name}}!
+
+
This renders because the controller does not fail to
+ instantiate, by using explicit annotation style
+ (see script.js for details)
+
+
+
+
+ I can add: {{a}} + {{b}} = {{ a+b }}
+
+
The controller could not be instantiated, due to relying
+ on automatic function annotations (which are disabled in
+ strict mode). As such, the content of this section is not
+ interpolated, and there should be an error in your web console.
+
+
+
+ * {{greeting}}
+ *
+ *
+ *
+ *
+ *
+ *
+ * ```
+ *
+ * @param {DOMElement} element DOM element which is the root of angular application.
+ * @param {Array=} modules an array of modules to load into the application.
+ * Each item in the array should be the name of a predefined module or a (DI annotated)
+ * function that will be invoked by the injector as a `config` block.
+ * See: {@link angular.module modules}
+ * @param {Object=} config an object for defining configuration options for the application. The
+ * following keys are supported:
+ *
+ * * `strictDi` - disable automatic function annotation for the application. This is meant to
+ * assist in finding bugs which break minified code. Defaults to `false`.
+ *
+ * @returns {auto.$injector} Returns the newly created injector for this app.
+ */
+function bootstrap(element, modules, config) {
+ if (!isObject(config)) config = {};
+ var defaultConfig = {
+ strictDi: false
+ };
+ config = extend(defaultConfig, config);
+ var doBootstrap = function() {
+ element = jqLite(element);
+
+ if (element.injector()) {
+ var tag = (element[0] === document) ? 'document' : startingTag(element);
+ //Encode angle brackets to prevent input from being sanitized to empty string #8683
+ throw ngMinErr(
+ 'btstrpd',
+ "App Already Bootstrapped with this Element '{0}'",
+ tag.replace(//,'>'));
+ }
+
+ modules = modules || [];
+ modules.unshift(['$provide', function($provide) {
+ $provide.value('$rootElement', element);
+ }]);
+
+ if (config.debugInfoEnabled) {
+ // Pushing so that this overrides `debugInfoEnabled` setting defined in user's `modules`.
+ modules.push(['$compileProvider', function($compileProvider) {
+ $compileProvider.debugInfoEnabled(true);
+ }]);
+ }
+
+ modules.unshift('ng');
+ var injector = createInjector(modules, config.strictDi);
+ injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector',
+ function bootstrapApply(scope, element, compile, injector) {
+ scope.$apply(function() {
+ element.data('$injector', injector);
+ compile(element)(scope);
+ });
+ }]
+ );
+ return injector;
+ };
+
+ var NG_ENABLE_DEBUG_INFO = /^NG_ENABLE_DEBUG_INFO!/;
+ var NG_DEFER_BOOTSTRAP = /^NG_DEFER_BOOTSTRAP!/;
+
+ if (window && NG_ENABLE_DEBUG_INFO.test(window.name)) {
+ config.debugInfoEnabled = true;
+ window.name = window.name.replace(NG_ENABLE_DEBUG_INFO, '');
+ }
+
+ if (window && !NG_DEFER_BOOTSTRAP.test(window.name)) {
+ return doBootstrap();
+ }
+
+ window.name = window.name.replace(NG_DEFER_BOOTSTRAP, '');
+ angular.resumeBootstrap = function(extraModules) {
+ forEach(extraModules, function(module) {
+ modules.push(module);
+ });
+ return doBootstrap();
+ };
+
+ if (isFunction(angular.resumeDeferredBootstrap)) {
+ angular.resumeDeferredBootstrap();
+ }
+}
+
+/**
+ * @ngdoc function
+ * @name angular.reloadWithDebugInfo
+ * @module ng
+ * @description
+ * Use this function to reload the current application with debug information turned on.
+ * This takes precedence over a call to `$compileProvider.debugInfoEnabled(false)`.
+ *
+ * See {@link ng.$compileProvider#debugInfoEnabled} for more.
+ */
+function reloadWithDebugInfo() {
+ window.name = 'NG_ENABLE_DEBUG_INFO!' + window.name;
+ window.location.reload();
+}
+
+/**
+ * @name angular.getTestability
+ * @module ng
+ * @description
+ * Get the testability service for the instance of Angular on the given
+ * element.
+ * @param {DOMElement} element DOM element which is the root of angular application.
+ */
+function getTestability(rootElement) {
+ var injector = angular.element(rootElement).injector();
+ if (!injector) {
+ throw ngMinErr('test',
+ 'no injector found for element argument to getTestability');
+ }
+ return injector.get('$$testability');
+}
+
+var SNAKE_CASE_REGEXP = /[A-Z]/g;
+function snake_case(name, separator) {
+ separator = separator || '_';
+ return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {
+ return (pos ? separator : '') + letter.toLowerCase();
+ });
+}
+
+var bindJQueryFired = false;
+var skipDestroyOnNextJQueryCleanData;
+function bindJQuery() {
+ var originalCleanData;
+
+ if (bindJQueryFired) {
+ return;
+ }
+
+ // bind to jQuery if present;
+ var jqName = jq();
+ jQuery = window.jQuery; // use default jQuery.
+ if (isDefined(jqName)) { // `ngJq` present
+ jQuery = jqName === null ? undefined : window[jqName]; // if empty; use jqLite. if not empty, use jQuery specified by `ngJq`.
+ }
+
+ // Use jQuery if it exists with proper functionality, otherwise default to us.
+ // Angular 1.2+ requires jQuery 1.7+ for on()/off() support.
+ // Angular 1.3+ technically requires at least jQuery 2.1+ but it may work with older
+ // versions. It will not work for sure with jQuery <1.7, though.
+ if (jQuery && jQuery.fn.on) {
+ jqLite = jQuery;
+ extend(jQuery.fn, {
+ scope: JQLitePrototype.scope,
+ isolateScope: JQLitePrototype.isolateScope,
+ controller: JQLitePrototype.controller,
+ injector: JQLitePrototype.injector,
+ inheritedData: JQLitePrototype.inheritedData
+ });
+
+ // All nodes removed from the DOM via various jQuery APIs like .remove()
+ // are passed through jQuery.cleanData. Monkey-patch this method to fire
+ // the $destroy event on all removed nodes.
+ originalCleanData = jQuery.cleanData;
+ jQuery.cleanData = function(elems) {
+ var events;
+ if (!skipDestroyOnNextJQueryCleanData) {
+ for (var i = 0, elem; (elem = elems[i]) != null; i++) {
+ events = jQuery._data(elem, "events");
+ if (events && events.$destroy) {
+ jQuery(elem).triggerHandler('$destroy');
+ }
+ }
+ } else {
+ skipDestroyOnNextJQueryCleanData = false;
+ }
+ originalCleanData(elems);
+ };
+ } else {
+ jqLite = JQLite;
+ }
+
+ angular.element = jqLite;
+
+ // Prevent double-proxying.
+ bindJQueryFired = true;
+}
+
+/**
+ * throw error if the argument is falsy.
+ */
+function assertArg(arg, name, reason) {
+ if (!arg) {
+ throw ngMinErr('areq', "Argument '{0}' is {1}", (name || '?'), (reason || "required"));
+ }
+ return arg;
+}
+
+function assertArgFn(arg, name, acceptArrayAnnotation) {
+ if (acceptArrayAnnotation && isArray(arg)) {
+ arg = arg[arg.length - 1];
+ }
+
+ assertArg(isFunction(arg), name, 'not a function, got ' +
+ (arg && typeof arg === 'object' ? arg.constructor.name || 'Object' : typeof arg));
+ return arg;
+}
+
+/**
+ * throw error if the name given is hasOwnProperty
+ * @param {String} name the name to test
+ * @param {String} context the context in which the name is used, such as module or directive
+ */
+function assertNotHasOwnProperty(name, context) {
+ if (name === 'hasOwnProperty') {
+ throw ngMinErr('badname', "hasOwnProperty is not a valid {0} name", context);
+ }
+}
+
+/**
+ * Return the value accessible from the object by path. Any undefined traversals are ignored
+ * @param {Object} obj starting object
+ * @param {String} path path to traverse
+ * @param {boolean} [bindFnToScope=true]
+ * @returns {Object} value as accessible by path
+ */
+//TODO(misko): this function needs to be removed
+function getter(obj, path, bindFnToScope) {
+ if (!path) return obj;
+ var keys = path.split('.');
+ var key;
+ var lastInstance = obj;
+ var len = keys.length;
+
+ for (var i = 0; i < len; i++) {
+ key = keys[i];
+ if (obj) {
+ obj = (lastInstance = obj)[key];
+ }
+ }
+ if (!bindFnToScope && isFunction(obj)) {
+ return bind(lastInstance, obj);
+ }
+ return obj;
+}
+
+/**
+ * Return the DOM siblings between the first and last node in the given array.
+ * @param {Array} array like object
+ * @returns {jqLite} jqLite collection containing the nodes
+ */
+function getBlockNodes(nodes) {
+ // TODO(perf): just check if all items in `nodes` are siblings and if they are return the original
+ // collection, otherwise update the original collection.
+ var node = nodes[0];
+ var endNode = nodes[nodes.length - 1];
+ var blockNodes = [node];
+
+ do {
+ node = node.nextSibling;
+ if (!node) break;
+ blockNodes.push(node);
+ } while (node !== endNode);
+
+ return jqLite(blockNodes);
+}
+
+
+/**
+ * Creates a new object without a prototype. This object is useful for lookup without having to
+ * guard against prototypically inherited properties via hasOwnProperty.
+ *
+ * Related micro-benchmarks:
+ * - http://jsperf.com/object-create2
+ * - http://jsperf.com/proto-map-lookup/2
+ * - http://jsperf.com/for-in-vs-object-keys2
+ *
+ * @returns {Object}
+ */
+function createMap() {
+ return Object.create(null);
+}
+
+var NODE_TYPE_ELEMENT = 1;
+var NODE_TYPE_ATTRIBUTE = 2;
+var NODE_TYPE_TEXT = 3;
+var NODE_TYPE_COMMENT = 8;
+var NODE_TYPE_DOCUMENT = 9;
+var NODE_TYPE_DOCUMENT_FRAGMENT = 11;
+
+/**
+ * @ngdoc type
+ * @name angular.Module
+ * @module ng
+ * @description
+ *
+ * Interface for configuring angular {@link angular.module modules}.
+ */
+
+function setupModuleLoader(window) {
+
+ var $injectorMinErr = minErr('$injector');
+ var ngMinErr = minErr('ng');
+
+ function ensure(obj, name, factory) {
+ return obj[name] || (obj[name] = factory());
+ }
+
+ var angular = ensure(window, 'angular', Object);
+
+ // We need to expose `angular.$$minErr` to modules such as `ngResource` that reference it during bootstrap
+ angular.$$minErr = angular.$$minErr || minErr;
+
+ return ensure(angular, 'module', function() {
+ /** @type {Object.} */
+ var modules = {};
+
+ /**
+ * @ngdoc function
+ * @name angular.module
+ * @module ng
+ * @description
+ *
+ * The `angular.module` is a global place for creating, registering and retrieving Angular
+ * modules.
+ * All modules (angular core or 3rd party) that should be available to an application must be
+ * registered using this mechanism.
+ *
+ * Passing one argument retrieves an existing {@link angular.Module},
+ * whereas passing more than one argument creates a new {@link angular.Module}
+ *
+ *
+ * # Module
+ *
+ * A module is a collection of services, directives, controllers, filters, and configuration information.
+ * `angular.module` is used to configure the {@link auto.$injector $injector}.
+ *
+ * ```js
+ * // Create a new module
+ * var myModule = angular.module('myModule', []);
+ *
+ * // register a new service
+ * myModule.value('appName', 'MyCoolApp');
+ *
+ * // configure existing services inside initialization blocks.
+ * myModule.config(['$locationProvider', function($locationProvider) {
+ * // Configure existing providers
+ * $locationProvider.hashPrefix('!');
+ * }]);
+ * ```
+ *
+ * Then you can create an injector and load your modules like this:
+ *
+ * ```js
+ * var injector = angular.injector(['ng', 'myModule'])
+ * ```
+ *
+ * However it's more likely that you'll just use
+ * {@link ng.directive:ngApp ngApp} or
+ * {@link angular.bootstrap} to simplify this process for you.
+ *
+ * @param {!string} name The name of the module to create or retrieve.
+ * @param {!Array.=} requires If specified then new module is being created. If
+ * unspecified then the module is being retrieved for further configuration.
+ * @param {Function=} configFn Optional configuration function for the module. Same as
+ * {@link angular.Module#config Module#config()}.
+ * @returns {module} new module with the {@link angular.Module} api.
+ */
+ return function module(name, requires, configFn) {
+ var assertNotHasOwnProperty = function(name, context) {
+ if (name === 'hasOwnProperty') {
+ throw ngMinErr('badname', 'hasOwnProperty is not a valid {0} name', context);
+ }
+ };
+
+ assertNotHasOwnProperty(name, 'module');
+ if (requires && modules.hasOwnProperty(name)) {
+ modules[name] = null;
+ }
+ return ensure(modules, name, function() {
+ if (!requires) {
+ throw $injectorMinErr('nomod', "Module '{0}' is not available! You either misspelled " +
+ "the module name or forgot to load it. If registering a module ensure that you " +
+ "specify the dependencies as the second argument.", name);
+ }
+
+ /** @type {!Array.>} */
+ var invokeQueue = [];
+
+ /** @type {!Array.} */
+ var configBlocks = [];
+
+ /** @type {!Array.} */
+ var runBlocks = [];
+
+ var config = invokeLater('$injector', 'invoke', 'push', configBlocks);
+
+ /** @type {angular.Module} */
+ var moduleInstance = {
+ // Private state
+ _invokeQueue: invokeQueue,
+ _configBlocks: configBlocks,
+ _runBlocks: runBlocks,
+
+ /**
+ * @ngdoc property
+ * @name angular.Module#requires
+ * @module ng
+ *
+ * @description
+ * Holds the list of modules which the injector will load before the current module is
+ * loaded.
+ */
+ requires: requires,
+
+ /**
+ * @ngdoc property
+ * @name angular.Module#name
+ * @module ng
+ *
+ * @description
+ * Name of the module.
+ */
+ name: name,
+
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#provider
+ * @module ng
+ * @param {string} name service name
+ * @param {Function} providerType Construction function for creating new instance of the
+ * service.
+ * @description
+ * See {@link auto.$provide#provider $provide.provider()}.
+ */
+ provider: invokeLaterAndSetModuleName('$provide', 'provider'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#factory
+ * @module ng
+ * @param {string} name service name
+ * @param {Function} providerFunction Function for creating new instance of the service.
+ * @description
+ * See {@link auto.$provide#factory $provide.factory()}.
+ */
+ factory: invokeLaterAndSetModuleName('$provide', 'factory'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#service
+ * @module ng
+ * @param {string} name service name
+ * @param {Function} constructor A constructor function that will be instantiated.
+ * @description
+ * See {@link auto.$provide#service $provide.service()}.
+ */
+ service: invokeLaterAndSetModuleName('$provide', 'service'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#value
+ * @module ng
+ * @param {string} name service name
+ * @param {*} object Service instance object.
+ * @description
+ * See {@link auto.$provide#value $provide.value()}.
+ */
+ value: invokeLater('$provide', 'value'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#constant
+ * @module ng
+ * @param {string} name constant name
+ * @param {*} object Constant value.
+ * @description
+ * Because the constant are fixed, they get applied before other provide methods.
+ * See {@link auto.$provide#constant $provide.constant()}.
+ */
+ constant: invokeLater('$provide', 'constant', 'unshift'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#decorator
+ * @module ng
+ * @param {string} The name of the service to decorate.
+ * @param {Function} This function will be invoked when the service needs to be
+ * instantiated and should return the decorated service instance.
+ * @description
+ * See {@link auto.$provide#decorator $provide.decorator()}.
+ */
+ decorator: invokeLaterAndSetModuleName('$provide', 'decorator'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#animation
+ * @module ng
+ * @param {string} name animation name
+ * @param {Function} animationFactory Factory function for creating new instance of an
+ * animation.
+ * @description
+ *
+ * **NOTE**: animations take effect only if the **ngAnimate** module is loaded.
+ *
+ *
+ * Defines an animation hook that can be later used with
+ * {@link $animate $animate} service and directives that use this service.
+ *
+ * ```js
+ * module.animation('.animation-name', function($inject1, $inject2) {
+ * return {
+ * eventName : function(element, done) {
+ * //code to run the animation
+ * //once complete, then run done()
+ * return function cancellationFunction(element) {
+ * //code to cancel the animation
+ * }
+ * }
+ * }
+ * })
+ * ```
+ *
+ * See {@link ng.$animateProvider#register $animateProvider.register()} and
+ * {@link ngAnimate ngAnimate module} for more information.
+ */
+ animation: invokeLaterAndSetModuleName('$animateProvider', 'register'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#filter
+ * @module ng
+ * @param {string} name Filter name - this must be a valid angular expression identifier
+ * @param {Function} filterFactory Factory function for creating new instance of filter.
+ * @description
+ * See {@link ng.$filterProvider#register $filterProvider.register()}.
+ *
+ *
+ * **Note:** Filter names must be valid angular {@link expression} identifiers, such as `uppercase` or `orderBy`.
+ * Names with special characters, such as hyphens and dots, are not allowed. If you wish to namespace
+ * your filters, then you can use capitalization (`myappSubsectionFilterx`) or underscores
+ * (`myapp_subsection_filterx`).
+ *
+ */
+ filter: invokeLaterAndSetModuleName('$filterProvider', 'register'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#controller
+ * @module ng
+ * @param {string|Object} name Controller name, or an object map of controllers where the
+ * keys are the names and the values are the constructors.
+ * @param {Function} constructor Controller constructor function.
+ * @description
+ * See {@link ng.$controllerProvider#register $controllerProvider.register()}.
+ */
+ controller: invokeLaterAndSetModuleName('$controllerProvider', 'register'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#directive
+ * @module ng
+ * @param {string|Object} name Directive name, or an object map of directives where the
+ * keys are the names and the values are the factories.
+ * @param {Function} directiveFactory Factory function for creating new instance of
+ * directives.
+ * @description
+ * See {@link ng.$compileProvider#directive $compileProvider.directive()}.
+ */
+ directive: invokeLaterAndSetModuleName('$compileProvider', 'directive'),
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#config
+ * @module ng
+ * @param {Function} configFn Execute this function on module load. Useful for service
+ * configuration.
+ * @description
+ * Use this method to register work which needs to be performed on module loading.
+ * For more about how to configure services, see
+ * {@link providers#provider-recipe Provider Recipe}.
+ */
+ config: config,
+
+ /**
+ * @ngdoc method
+ * @name angular.Module#run
+ * @module ng
+ * @param {Function} initializationFn Execute this function after injector creation.
+ * Useful for application initialization.
+ * @description
+ * Use this method to register work which should be performed when the injector is done
+ * loading all modules.
+ */
+ run: function(block) {
+ runBlocks.push(block);
+ return this;
+ }
+ };
+
+ if (configFn) {
+ config(configFn);
+ }
+
+ return moduleInstance;
+
+ /**
+ * @param {string} provider
+ * @param {string} method
+ * @param {String=} insertMethod
+ * @returns {angular.Module}
+ */
+ function invokeLater(provider, method, insertMethod, queue) {
+ if (!queue) queue = invokeQueue;
+ return function() {
+ queue[insertMethod || 'push']([provider, method, arguments]);
+ return moduleInstance;
+ };
+ }
+
+ /**
+ * @param {string} provider
+ * @param {string} method
+ * @returns {angular.Module}
+ */
+ function invokeLaterAndSetModuleName(provider, method) {
+ return function(recipeName, factoryFunction) {
+ if (factoryFunction && isFunction(factoryFunction)) factoryFunction.$$moduleName = name;
+ invokeQueue.push([provider, method, arguments]);
+ return moduleInstance;
+ };
+ }
+ });
+ };
+ });
+
+}
+
+/* global: toDebugString: true */
+
+function serializeObject(obj) {
+ var seen = [];
+
+ return JSON.stringify(obj, function(key, val) {
+ val = toJsonReplacer(key, val);
+ if (isObject(val)) {
+
+ if (seen.indexOf(val) >= 0) return '<>';
+
+ seen.push(val);
+ }
+ return val;
+ });
+}
+
+function toDebugString(obj) {
+ if (typeof obj === 'function') {
+ return obj.toString().replace(/ \{[\s\S]*$/, '');
+ } else if (typeof obj === 'undefined') {
+ return 'undefined';
+ } else if (typeof obj !== 'string') {
+ return serializeObject(obj);
+ }
+ return obj;
+}
+
+/* global angularModule: true,
+ version: true,
+
+ $CompileProvider,
+
+ htmlAnchorDirective,
+ inputDirective,
+ inputDirective,
+ formDirective,
+ scriptDirective,
+ selectDirective,
+ styleDirective,
+ optionDirective,
+ ngBindDirective,
+ ngBindHtmlDirective,
+ ngBindTemplateDirective,
+ ngClassDirective,
+ ngClassEvenDirective,
+ ngClassOddDirective,
+ ngCloakDirective,
+ ngControllerDirective,
+ ngFormDirective,
+ ngHideDirective,
+ ngIfDirective,
+ ngIncludeDirective,
+ ngIncludeFillContentDirective,
+ ngInitDirective,
+ ngNonBindableDirective,
+ ngPluralizeDirective,
+ ngRepeatDirective,
+ ngShowDirective,
+ ngStyleDirective,
+ ngSwitchDirective,
+ ngSwitchWhenDirective,
+ ngSwitchDefaultDirective,
+ ngOptionsDirective,
+ ngTranscludeDirective,
+ ngModelDirective,
+ ngListDirective,
+ ngChangeDirective,
+ patternDirective,
+ patternDirective,
+ requiredDirective,
+ requiredDirective,
+ minlengthDirective,
+ minlengthDirective,
+ maxlengthDirective,
+ maxlengthDirective,
+ ngValueDirective,
+ ngModelOptionsDirective,
+ ngAttributeAliasDirectives,
+ ngEventDirectives,
+
+ $AnchorScrollProvider,
+ $AnimateProvider,
+ $CoreAnimateCssProvider,
+ $$CoreAnimateQueueProvider,
+ $$CoreAnimateRunnerProvider,
+ $BrowserProvider,
+ $CacheFactoryProvider,
+ $ControllerProvider,
+ $DocumentProvider,
+ $ExceptionHandlerProvider,
+ $FilterProvider,
+ $$ForceReflowProvider,
+ $InterpolateProvider,
+ $IntervalProvider,
+ $$HashMapProvider,
+ $HttpProvider,
+ $HttpParamSerializerProvider,
+ $HttpParamSerializerJQLikeProvider,
+ $HttpBackendProvider,
+ $LocationProvider,
+ $LogProvider,
+ $ParseProvider,
+ $RootScopeProvider,
+ $QProvider,
+ $$QProvider,
+ $$SanitizeUriProvider,
+ $SceProvider,
+ $SceDelegateProvider,
+ $SnifferProvider,
+ $TemplateCacheProvider,
+ $TemplateRequestProvider,
+ $$TestabilityProvider,
+ $TimeoutProvider,
+ $$RAFProvider,
+ $WindowProvider,
+ $$jqLiteProvider,
+ $$CookieReaderProvider
+*/
+
+
+/**
+ * @ngdoc object
+ * @name angular.version
+ * @module ng
+ * @description
+ * An object that contains information about the current AngularJS version. This object has the
+ * following properties:
+ *
+ * - `full` – `{string}` – Full version string, such as "0.9.18".
+ * - `major` – `{number}` – Major version number, such as "0".
+ * - `minor` – `{number}` – Minor version number, such as "9".
+ * - `dot` – `{number}` – Dot version number, such as "18".
+ * - `codeName` – `{string}` – Code name of the release, such as "jiggling-armfat".
+ */
+var version = {
+ full: '1.4.5', // all of these placeholder strings will be replaced by grunt's
+ major: 1, // package task
+ minor: 4,
+ dot: 5,
+ codeName: 'permanent-internship'
+};
+
+
+function publishExternalAPI(angular) {
+ extend(angular, {
+ 'bootstrap': bootstrap,
+ 'copy': copy,
+ 'extend': extend,
+ 'merge': merge,
+ 'equals': equals,
+ 'element': jqLite,
+ 'forEach': forEach,
+ 'injector': createInjector,
+ 'noop': noop,
+ 'bind': bind,
+ 'toJson': toJson,
+ 'fromJson': fromJson,
+ 'identity': identity,
+ 'isUndefined': isUndefined,
+ 'isDefined': isDefined,
+ 'isString': isString,
+ 'isFunction': isFunction,
+ 'isObject': isObject,
+ 'isNumber': isNumber,
+ 'isElement': isElement,
+ 'isArray': isArray,
+ 'version': version,
+ 'isDate': isDate,
+ 'lowercase': lowercase,
+ 'uppercase': uppercase,
+ 'callbacks': {counter: 0},
+ 'getTestability': getTestability,
+ '$$minErr': minErr,
+ '$$csp': csp,
+ 'reloadWithDebugInfo': reloadWithDebugInfo
+ });
+
+ angularModule = setupModuleLoader(window);
+
+ angularModule('ng', ['ngLocale'], ['$provide',
+ function ngModule($provide) {
+ // $$sanitizeUriProvider needs to be before $compileProvider as it is used by it.
+ $provide.provider({
+ $$sanitizeUri: $$SanitizeUriProvider
+ });
+ $provide.provider('$compile', $CompileProvider).
+ directive({
+ a: htmlAnchorDirective,
+ input: inputDirective,
+ textarea: inputDirective,
+ form: formDirective,
+ script: scriptDirective,
+ select: selectDirective,
+ style: styleDirective,
+ option: optionDirective,
+ ngBind: ngBindDirective,
+ ngBindHtml: ngBindHtmlDirective,
+ ngBindTemplate: ngBindTemplateDirective,
+ ngClass: ngClassDirective,
+ ngClassEven: ngClassEvenDirective,
+ ngClassOdd: ngClassOddDirective,
+ ngCloak: ngCloakDirective,
+ ngController: ngControllerDirective,
+ ngForm: ngFormDirective,
+ ngHide: ngHideDirective,
+ ngIf: ngIfDirective,
+ ngInclude: ngIncludeDirective,
+ ngInit: ngInitDirective,
+ ngNonBindable: ngNonBindableDirective,
+ ngPluralize: ngPluralizeDirective,
+ ngRepeat: ngRepeatDirective,
+ ngShow: ngShowDirective,
+ ngStyle: ngStyleDirective,
+ ngSwitch: ngSwitchDirective,
+ ngSwitchWhen: ngSwitchWhenDirective,
+ ngSwitchDefault: ngSwitchDefaultDirective,
+ ngOptions: ngOptionsDirective,
+ ngTransclude: ngTranscludeDirective,
+ ngModel: ngModelDirective,
+ ngList: ngListDirective,
+ ngChange: ngChangeDirective,
+ pattern: patternDirective,
+ ngPattern: patternDirective,
+ required: requiredDirective,
+ ngRequired: requiredDirective,
+ minlength: minlengthDirective,
+ ngMinlength: minlengthDirective,
+ maxlength: maxlengthDirective,
+ ngMaxlength: maxlengthDirective,
+ ngValue: ngValueDirective,
+ ngModelOptions: ngModelOptionsDirective
+ }).
+ directive({
+ ngInclude: ngIncludeFillContentDirective
+ }).
+ directive(ngAttributeAliasDirectives).
+ directive(ngEventDirectives);
+ $provide.provider({
+ $anchorScroll: $AnchorScrollProvider,
+ $animate: $AnimateProvider,
+ $animateCss: $CoreAnimateCssProvider,
+ $$animateQueue: $$CoreAnimateQueueProvider,
+ $$AnimateRunner: $$CoreAnimateRunnerProvider,
+ $browser: $BrowserProvider,
+ $cacheFactory: $CacheFactoryProvider,
+ $controller: $ControllerProvider,
+ $document: $DocumentProvider,
+ $exceptionHandler: $ExceptionHandlerProvider,
+ $filter: $FilterProvider,
+ $$forceReflow: $$ForceReflowProvider,
+ $interpolate: $InterpolateProvider,
+ $interval: $IntervalProvider,
+ $http: $HttpProvider,
+ $httpParamSerializer: $HttpParamSerializerProvider,
+ $httpParamSerializerJQLike: $HttpParamSerializerJQLikeProvider,
+ $httpBackend: $HttpBackendProvider,
+ $location: $LocationProvider,
+ $log: $LogProvider,
+ $parse: $ParseProvider,
+ $rootScope: $RootScopeProvider,
+ $q: $QProvider,
+ $$q: $$QProvider,
+ $sce: $SceProvider,
+ $sceDelegate: $SceDelegateProvider,
+ $sniffer: $SnifferProvider,
+ $templateCache: $TemplateCacheProvider,
+ $templateRequest: $TemplateRequestProvider,
+ $$testability: $$TestabilityProvider,
+ $timeout: $TimeoutProvider,
+ $window: $WindowProvider,
+ $$rAF: $$RAFProvider,
+ $$jqLite: $$jqLiteProvider,
+ $$HashMap: $$HashMapProvider,
+ $$cookieReader: $$CookieReaderProvider
+ });
+ }
+ ]);
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Any commits to this file should be reviewed with security in mind. *
+ * Changes to this file can potentially create security vulnerabilities. *
+ * An approval from 2 Core members with history of modifying *
+ * this file is required. *
+ * *
+ * Does the change somehow allow for arbitrary javascript to be executed? *
+ * Or allows for someone to change the prototype of built-in objects? *
+ * Or gives undesired access to variables likes document or window? *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/* global JQLitePrototype: true,
+ addEventListenerFn: true,
+ removeEventListenerFn: true,
+ BOOLEAN_ATTR: true,
+ ALIASED_ATTR: true,
+*/
+
+//////////////////////////////////
+//JQLite
+//////////////////////////////////
+
+/**
+ * @ngdoc function
+ * @name angular.element
+ * @module ng
+ * @kind function
+ *
+ * @description
+ * Wraps a raw DOM element or HTML string as a [jQuery](http://jquery.com) element.
+ *
+ * If jQuery is available, `angular.element` is an alias for the
+ * [jQuery](http://api.jquery.com/jQuery/) function. If jQuery is not available, `angular.element`
+ * delegates to Angular's built-in subset of jQuery, called "jQuery lite" or "jqLite."
+ *
+ * jqLite is a tiny, API-compatible subset of jQuery that allows
+ * Angular to manipulate the DOM in a cross-browser compatible way. **jqLite** implements only the most
+ * commonly needed functionality with the goal of having a very small footprint.
+ *
+ * To use `jQuery`, simply ensure it is loaded before the `angular.js` file.
+ *
+ * **Note:** all element references in Angular are always wrapped with jQuery or
+ * jqLite; they are never raw DOM references.
+ *
+ * ## Angular's jqLite
+ * jqLite provides only the following jQuery methods:
+ *
+ * - [`addClass()`](http://api.jquery.com/addClass/)
+ * - [`after()`](http://api.jquery.com/after/)
+ * - [`append()`](http://api.jquery.com/append/)
+ * - [`attr()`](http://api.jquery.com/attr/) - Does not support functions as parameters
+ * - [`bind()`](http://api.jquery.com/bind/) - Does not support namespaces, selectors or eventData
+ * - [`children()`](http://api.jquery.com/children/) - Does not support selectors
+ * - [`clone()`](http://api.jquery.com/clone/)
+ * - [`contents()`](http://api.jquery.com/contents/)
+ * - [`css()`](http://api.jquery.com/css/) - Only retrieves inline-styles, does not call `getComputedStyle()`. As a setter, does not convert numbers to strings or append 'px'.
+ * - [`data()`](http://api.jquery.com/data/)
+ * - [`detach()`](http://api.jquery.com/detach/)
+ * - [`empty()`](http://api.jquery.com/empty/)
+ * - [`eq()`](http://api.jquery.com/eq/)
+ * - [`find()`](http://api.jquery.com/find/) - Limited to lookups by tag name
+ * - [`hasClass()`](http://api.jquery.com/hasClass/)
+ * - [`html()`](http://api.jquery.com/html/)
+ * - [`next()`](http://api.jquery.com/next/) - Does not support selectors
+ * - [`on()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData
+ * - [`off()`](http://api.jquery.com/off/) - Does not support namespaces, selectors or event object as parameter
+ * - [`one()`](http://api.jquery.com/one/) - Does not support namespaces or selectors
+ * - [`parent()`](http://api.jquery.com/parent/) - Does not support selectors
+ * - [`prepend()`](http://api.jquery.com/prepend/)
+ * - [`prop()`](http://api.jquery.com/prop/)
+ * - [`ready()`](http://api.jquery.com/ready/)
+ * - [`remove()`](http://api.jquery.com/remove/)
+ * - [`removeAttr()`](http://api.jquery.com/removeAttr/)
+ * - [`removeClass()`](http://api.jquery.com/removeClass/)
+ * - [`removeData()`](http://api.jquery.com/removeData/)
+ * - [`replaceWith()`](http://api.jquery.com/replaceWith/)
+ * - [`text()`](http://api.jquery.com/text/)
+ * - [`toggleClass()`](http://api.jquery.com/toggleClass/)
+ * - [`triggerHandler()`](http://api.jquery.com/triggerHandler/) - Passes a dummy event object to handlers.
+ * - [`unbind()`](http://api.jquery.com/unbind/) - Does not support namespaces or event object as parameter
+ * - [`val()`](http://api.jquery.com/val/)
+ * - [`wrap()`](http://api.jquery.com/wrap/)
+ *
+ * ## jQuery/jqLite Extras
+ * Angular also provides the following additional methods and events to both jQuery and jqLite:
+ *
+ * ### Events
+ * - `$destroy` - AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires this event
+ * on all DOM nodes being removed. This can be used to clean up any 3rd party bindings to the DOM
+ * element before it is removed.
+ *
+ * ### Methods
+ * - `controller(name)` - retrieves the controller of the current element or its parent. By default
+ * retrieves controller associated with the `ngController` directive. If `name` is provided as
+ * camelCase directive name, then the controller for this directive will be retrieved (e.g.
+ * `'ngModel'`).
+ * - `injector()` - retrieves the injector of the current element or its parent.
+ * - `scope()` - retrieves the {@link ng.$rootScope.Scope scope} of the current
+ * element or its parent. Requires {@link guide/production#disabling-debug-data Debug Data} to
+ * be enabled.
+ * - `isolateScope()` - retrieves an isolate {@link ng.$rootScope.Scope scope} if one is attached directly to the
+ * current element. This getter should be used only on elements that contain a directive which starts a new isolate
+ * scope. Calling `scope()` on this element always returns the original non-isolate scope.
+ * Requires {@link guide/production#disabling-debug-data Debug Data} to be enabled.
+ * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top
+ * parent element is reached.
+ *
+ * @param {string|DOMElement} element HTML string or DOMElement to be wrapped into jQuery.
+ * @returns {Object} jQuery object.
+ */
+
+JQLite.expando = 'ng339';
+
+var jqCache = JQLite.cache = {},
+ jqId = 1,
+ addEventListenerFn = function(element, type, fn) {
+ element.addEventListener(type, fn, false);
+ },
+ removeEventListenerFn = function(element, type, fn) {
+ element.removeEventListener(type, fn, false);
+ };
+
+/*
+ * !!! This is an undocumented "private" function !!!
+ */
+JQLite._data = function(node) {
+ //jQuery always returns an object on cache miss
+ return this.cache[node[this.expando]] || {};
+};
+
+function jqNextId() { return ++jqId; }
+
+
+var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+var MOZ_HACK_REGEXP = /^moz([A-Z])/;
+var MOUSE_EVENT_MAP= { mouseleave: "mouseout", mouseenter: "mouseover"};
+var jqLiteMinErr = minErr('jqLite');
+
+/**
+ * Converts snake_case to camelCase.
+ * Also there is special case for Moz prefix starting with upper case letter.
+ * @param name Name to normalize
+ */
+function camelCase(name) {
+ return name.
+ replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
+ return offset ? letter.toUpperCase() : letter;
+ }).
+ replace(MOZ_HACK_REGEXP, 'Moz$1');
+}
+
+var SINGLE_TAG_REGEXP = /^<(\w+)\s*\/?>(?:<\/\1>|)$/;
+var HTML_REGEXP = /<|&#?\w+;/;
+var TAG_NAME_REGEXP = /<([\w:]+)/;
+var XHTML_TAG_REGEXP = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi;
+
+var wrapMap = {
+ 'option': [1, ''],
+
+ 'thead': [1, ''],
+ 'col': [2, ''],
+ 'tr': [2, ''],
+ 'td': [3, ''],
+ '_default': [0, "", ""]
+};
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+
+function jqLiteIsTextNode(html) {
+ return !HTML_REGEXP.test(html);
+}
+
+function jqLiteAcceptsData(node) {
+ // The window object can accept data but has no nodeType
+ // Otherwise we are only interested in elements (1) and documents (9)
+ var nodeType = node.nodeType;
+ return nodeType === NODE_TYPE_ELEMENT || !nodeType || nodeType === NODE_TYPE_DOCUMENT;
+}
+
+function jqLiteHasData(node) {
+ for (var key in jqCache[node.ng339]) {
+ return true;
+ }
+ return false;
+}
+
+function jqLiteBuildFragment(html, context) {
+ var tmp, tag, wrap,
+ fragment = context.createDocumentFragment(),
+ nodes = [], i;
+
+ if (jqLiteIsTextNode(html)) {
+ // Convert non-html into a text node
+ nodes.push(context.createTextNode(html));
+ } else {
+ // Convert html into DOM nodes
+ tmp = tmp || fragment.appendChild(context.createElement("div"));
+ tag = (TAG_NAME_REGEXP.exec(html) || ["", ""])[1].toLowerCase();
+ wrap = wrapMap[tag] || wrapMap._default;
+ tmp.innerHTML = wrap[1] + html.replace(XHTML_TAG_REGEXP, "<$1>") + wrap[2];
+
+ // Descend through wrappers to the right content
+ i = wrap[0];
+ while (i--) {
+ tmp = tmp.lastChild;
+ }
+
+ nodes = concat(nodes, tmp.childNodes);
+
+ tmp = fragment.firstChild;
+ tmp.textContent = "";
+ }
+
+ // Remove wrapper from fragment
+ fragment.textContent = "";
+ fragment.innerHTML = ""; // Clear inner HTML
+ forEach(nodes, function(node) {
+ fragment.appendChild(node);
+ });
+
+ return fragment;
+}
+
+function jqLiteParseHTML(html, context) {
+ context = context || document;
+ var parsed;
+
+ if ((parsed = SINGLE_TAG_REGEXP.exec(html))) {
+ return [context.createElement(parsed[1])];
+ }
+
+ if ((parsed = jqLiteBuildFragment(html, context))) {
+ return parsed.childNodes;
+ }
+
+ return [];
+}
+
+/////////////////////////////////////////////
+function JQLite(element) {
+ if (element instanceof JQLite) {
+ return element;
+ }
+
+ var argIsString;
+
+ if (isString(element)) {
+ element = trim(element);
+ argIsString = true;
+ }
+ if (!(this instanceof JQLite)) {
+ if (argIsString && element.charAt(0) != '<') {
+ throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element');
+ }
+ return new JQLite(element);
+ }
+
+ if (argIsString) {
+ jqLiteAddNodes(this, jqLiteParseHTML(element));
+ } else {
+ jqLiteAddNodes(this, element);
+ }
+}
+
+function jqLiteClone(element) {
+ return element.cloneNode(true);
+}
+
+function jqLiteDealoc(element, onlyDescendants) {
+ if (!onlyDescendants) jqLiteRemoveData(element);
+
+ if (element.querySelectorAll) {
+ var descendants = element.querySelectorAll('*');
+ for (var i = 0, l = descendants.length; i < l; i++) {
+ jqLiteRemoveData(descendants[i]);
+ }
+ }
+}
+
+function jqLiteOff(element, type, fn, unsupported) {
+ if (isDefined(unsupported)) throw jqLiteMinErr('offargs', 'jqLite#off() does not support the `selector` argument');
+
+ var expandoStore = jqLiteExpandoStore(element);
+ var events = expandoStore && expandoStore.events;
+ var handle = expandoStore && expandoStore.handle;
+
+ if (!handle) return; //no listeners registered
+
+ if (!type) {
+ for (type in events) {
+ if (type !== '$destroy') {
+ removeEventListenerFn(element, type, handle);
+ }
+ delete events[type];
+ }
+ } else {
+ forEach(type.split(' '), function(type) {
+ if (isDefined(fn)) {
+ var listenerFns = events[type];
+ arrayRemove(listenerFns || [], fn);
+ if (listenerFns && listenerFns.length > 0) {
+ return;
+ }
+ }
+
+ removeEventListenerFn(element, type, handle);
+ delete events[type];
+ });
+ }
+}
+
+function jqLiteRemoveData(element, name) {
+ var expandoId = element.ng339;
+ var expandoStore = expandoId && jqCache[expandoId];
+
+ if (expandoStore) {
+ if (name) {
+ delete expandoStore.data[name];
+ return;
+ }
+
+ if (expandoStore.handle) {
+ if (expandoStore.events.$destroy) {
+ expandoStore.handle({}, '$destroy');
+ }
+ jqLiteOff(element);
+ }
+ delete jqCache[expandoId];
+ element.ng339 = undefined; // don't delete DOM expandos. IE and Chrome don't like it
+ }
+}
+
+
+function jqLiteExpandoStore(element, createIfNecessary) {
+ var expandoId = element.ng339,
+ expandoStore = expandoId && jqCache[expandoId];
+
+ if (createIfNecessary && !expandoStore) {
+ element.ng339 = expandoId = jqNextId();
+ expandoStore = jqCache[expandoId] = {events: {}, data: {}, handle: undefined};
+ }
+
+ return expandoStore;
+}
+
+
+function jqLiteData(element, key, value) {
+ if (jqLiteAcceptsData(element)) {
+
+ var isSimpleSetter = isDefined(value);
+ var isSimpleGetter = !isSimpleSetter && key && !isObject(key);
+ var massGetter = !key;
+ var expandoStore = jqLiteExpandoStore(element, !isSimpleGetter);
+ var data = expandoStore && expandoStore.data;
+
+ if (isSimpleSetter) { // data('key', value)
+ data[key] = value;
+ } else {
+ if (massGetter) { // data()
+ return data;
+ } else {
+ if (isSimpleGetter) { // data('key')
+ // don't force creation of expandoStore if it doesn't exist yet
+ return data && data[key];
+ } else { // mass-setter: data({key1: val1, key2: val2})
+ extend(data, key);
+ }
+ }
+ }
+ }
+}
+
+function jqLiteHasClass(element, selector) {
+ if (!element.getAttribute) return false;
+ return ((" " + (element.getAttribute('class') || '') + " ").replace(/[\n\t]/g, " ").
+ indexOf(" " + selector + " ") > -1);
+}
+
+function jqLiteRemoveClass(element, cssClasses) {
+ if (cssClasses && element.setAttribute) {
+ forEach(cssClasses.split(' '), function(cssClass) {
+ element.setAttribute('class', trim(
+ (" " + (element.getAttribute('class') || '') + " ")
+ .replace(/[\n\t]/g, " ")
+ .replace(" " + trim(cssClass) + " ", " "))
+ );
+ });
+ }
+}
+
+function jqLiteAddClass(element, cssClasses) {
+ if (cssClasses && element.setAttribute) {
+ var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')
+ .replace(/[\n\t]/g, " ");
+
+ forEach(cssClasses.split(' '), function(cssClass) {
+ cssClass = trim(cssClass);
+ if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {
+ existingClasses += cssClass + ' ';
+ }
+ });
+
+ element.setAttribute('class', trim(existingClasses));
+ }
+}
+
+
+function jqLiteAddNodes(root, elements) {
+ // THIS CODE IS VERY HOT. Don't make changes without benchmarking.
+
+ if (elements) {
+
+ // if a Node (the most common case)
+ if (elements.nodeType) {
+ root[root.length++] = elements;
+ } else {
+ var length = elements.length;
+
+ // if an Array or NodeList and not a Window
+ if (typeof length === 'number' && elements.window !== elements) {
+ if (length) {
+ for (var i = 0; i < length; i++) {
+ root[root.length++] = elements[i];
+ }
+ }
+ } else {
+ root[root.length++] = elements;
+ }
+ }
+ }
+}
+
+
+function jqLiteController(element, name) {
+ return jqLiteInheritedData(element, '$' + (name || 'ngController') + 'Controller');
+}
+
+function jqLiteInheritedData(element, name, value) {
+ // if element is the document object work with the html element instead
+ // this makes $(document).scope() possible
+ if (element.nodeType == NODE_TYPE_DOCUMENT) {
+ element = element.documentElement;
+ }
+ var names = isArray(name) ? name : [name];
+
+ while (element) {
+ for (var i = 0, ii = names.length; i < ii; i++) {
+ if ((value = jqLite.data(element, names[i])) !== undefined) return value;
+ }
+
+ // If dealing with a document fragment node with a host element, and no parent, use the host
+ // element as the parent. This enables directives within a Shadow DOM or polyfilled Shadow DOM
+ // to lookup parent controllers.
+ element = element.parentNode || (element.nodeType === NODE_TYPE_DOCUMENT_FRAGMENT && element.host);
+ }
+}
+
+function jqLiteEmpty(element) {
+ jqLiteDealoc(element, true);
+ while (element.firstChild) {
+ element.removeChild(element.firstChild);
+ }
+}
+
+function jqLiteRemove(element, keepData) {
+ if (!keepData) jqLiteDealoc(element);
+ var parent = element.parentNode;
+ if (parent) parent.removeChild(element);
+}
+
+
+function jqLiteDocumentLoaded(action, win) {
+ win = win || window;
+ if (win.document.readyState === 'complete') {
+ // Force the action to be run async for consistent behaviour
+ // from the action's point of view
+ // i.e. it will definitely not be in a $apply
+ win.setTimeout(action);
+ } else {
+ // No need to unbind this handler as load is only ever called once
+ jqLite(win).on('load', action);
+ }
+}
+
+//////////////////////////////////////////
+// Functions which are declared directly.
+//////////////////////////////////////////
+var JQLitePrototype = JQLite.prototype = {
+ ready: function(fn) {
+ var fired = false;
+
+ function trigger() {
+ if (fired) return;
+ fired = true;
+ fn();
+ }
+
+ // check if document is already loaded
+ if (document.readyState === 'complete') {
+ setTimeout(trigger);
+ } else {
+ this.on('DOMContentLoaded', trigger); // works for modern browsers and IE9
+ // we can not use jqLite since we are not done loading and jQuery could be loaded later.
+ // jshint -W064
+ JQLite(window).on('load', trigger); // fallback to window.onload for others
+ // jshint +W064
+ }
+ },
+ toString: function() {
+ var value = [];
+ forEach(this, function(e) { value.push('' + e);});
+ return '[' + value.join(', ') + ']';
+ },
+
+ eq: function(index) {
+ return (index >= 0) ? jqLite(this[index]) : jqLite(this[this.length + index]);
+ },
+
+ length: 0,
+ push: push,
+ sort: [].sort,
+ splice: [].splice
+};
+
+//////////////////////////////////////////
+// Functions iterating getter/setters.
+// these functions return self on setter and
+// value on get.
+//////////////////////////////////////////
+var BOOLEAN_ATTR = {};
+forEach('multiple,selected,checked,disabled,readOnly,required,open'.split(','), function(value) {
+ BOOLEAN_ATTR[lowercase(value)] = value;
+});
+var BOOLEAN_ELEMENTS = {};
+forEach('input,select,option,textarea,button,form,details'.split(','), function(value) {
+ BOOLEAN_ELEMENTS[value] = true;
+});
+var ALIASED_ATTR = {
+ 'ngMinlength': 'minlength',
+ 'ngMaxlength': 'maxlength',
+ 'ngMin': 'min',
+ 'ngMax': 'max',
+ 'ngPattern': 'pattern'
+};
+
+function getBooleanAttrName(element, name) {
+ // check dom last since we will most likely fail on name
+ var booleanAttr = BOOLEAN_ATTR[name.toLowerCase()];
+
+ // booleanAttr is here twice to minimize DOM access
+ return booleanAttr && BOOLEAN_ELEMENTS[nodeName_(element)] && booleanAttr;
+}
+
+function getAliasedAttrName(element, name) {
+ var nodeName = element.nodeName;
+ return (nodeName === 'INPUT' || nodeName === 'TEXTAREA') && ALIASED_ATTR[name];
+}
+
+forEach({
+ data: jqLiteData,
+ removeData: jqLiteRemoveData,
+ hasData: jqLiteHasData
+}, function(fn, name) {
+ JQLite[name] = fn;
+});
+
+forEach({
+ data: jqLiteData,
+ inheritedData: jqLiteInheritedData,
+
+ scope: function(element) {
+ // Can't use jqLiteData here directly so we stay compatible with jQuery!
+ return jqLite.data(element, '$scope') || jqLiteInheritedData(element.parentNode || element, ['$isolateScope', '$scope']);
+ },
+
+ isolateScope: function(element) {
+ // Can't use jqLiteData here directly so we stay compatible with jQuery!
+ return jqLite.data(element, '$isolateScope') || jqLite.data(element, '$isolateScopeNoTemplate');
+ },
+
+ controller: jqLiteController,
+
+ injector: function(element) {
+ return jqLiteInheritedData(element, '$injector');
+ },
+
+ removeAttr: function(element, name) {
+ element.removeAttribute(name);
+ },
+
+ hasClass: jqLiteHasClass,
+
+ css: function(element, name, value) {
+ name = camelCase(name);
+
+ if (isDefined(value)) {
+ element.style[name] = value;
+ } else {
+ return element.style[name];
+ }
+ },
+
+ attr: function(element, name, value) {
+ var nodeType = element.nodeType;
+ if (nodeType === NODE_TYPE_TEXT || nodeType === NODE_TYPE_ATTRIBUTE || nodeType === NODE_TYPE_COMMENT) {
+ return;
+ }
+ var lowercasedName = lowercase(name);
+ if (BOOLEAN_ATTR[lowercasedName]) {
+ if (isDefined(value)) {
+ if (!!value) {
+ element[name] = true;
+ element.setAttribute(name, lowercasedName);
+ } else {
+ element[name] = false;
+ element.removeAttribute(lowercasedName);
+ }
+ } else {
+ return (element[name] ||
+ (element.attributes.getNamedItem(name) || noop).specified)
+ ? lowercasedName
+ : undefined;
+ }
+ } else if (isDefined(value)) {
+ element.setAttribute(name, value);
+ } else if (element.getAttribute) {
+ // the extra argument "2" is to get the right thing for a.href in IE, see jQuery code
+ // some elements (e.g. Document) don't have get attribute, so return undefined
+ var ret = element.getAttribute(name, 2);
+ // normalize non-existing attributes to undefined (as jQuery)
+ return ret === null ? undefined : ret;
+ }
+ },
+
+ prop: function(element, name, value) {
+ if (isDefined(value)) {
+ element[name] = value;
+ } else {
+ return element[name];
+ }
+ },
+
+ text: (function() {
+ getText.$dv = '';
+ return getText;
+
+ function getText(element, value) {
+ if (isUndefined(value)) {
+ var nodeType = element.nodeType;
+ return (nodeType === NODE_TYPE_ELEMENT || nodeType === NODE_TYPE_TEXT) ? element.textContent : '';
+ }
+ element.textContent = value;
+ }
+ })(),
+
+ val: function(element, value) {
+ if (isUndefined(value)) {
+ if (element.multiple && nodeName_(element) === 'select') {
+ var result = [];
+ forEach(element.options, function(option) {
+ if (option.selected) {
+ result.push(option.value || option.text);
+ }
+ });
+ return result.length === 0 ? null : result;
+ }
+ return element.value;
+ }
+ element.value = value;
+ },
+
+ html: function(element, value) {
+ if (isUndefined(value)) {
+ return element.innerHTML;
+ }
+ jqLiteDealoc(element, true);
+ element.innerHTML = value;
+ },
+
+ empty: jqLiteEmpty
+}, function(fn, name) {
+ /**
+ * Properties: writes return selection, reads return first value
+ */
+ JQLite.prototype[name] = function(arg1, arg2) {
+ var i, key;
+ var nodeCount = this.length;
+
+ // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it
+ // in a way that survives minification.
+ // jqLiteEmpty takes no arguments but is a setter.
+ if (fn !== jqLiteEmpty &&
+ (((fn.length == 2 && (fn !== jqLiteHasClass && fn !== jqLiteController)) ? arg1 : arg2) === undefined)) {
+ if (isObject(arg1)) {
+
+ // we are a write, but the object properties are the key/values
+ for (i = 0; i < nodeCount; i++) {
+ if (fn === jqLiteData) {
+ // data() takes the whole object in jQuery
+ fn(this[i], arg1);
+ } else {
+ for (key in arg1) {
+ fn(this[i], key, arg1[key]);
+ }
+ }
+ }
+ // return self for chaining
+ return this;
+ } else {
+ // we are a read, so read the first child.
+ // TODO: do we still need this?
+ var value = fn.$dv;
+ // Only if we have $dv do we iterate over all, otherwise it is just the first element.
+ var jj = (value === undefined) ? Math.min(nodeCount, 1) : nodeCount;
+ for (var j = 0; j < jj; j++) {
+ var nodeValue = fn(this[j], arg1, arg2);
+ value = value ? value + nodeValue : nodeValue;
+ }
+ return value;
+ }
+ } else {
+ // we are a write, so apply to all children
+ for (i = 0; i < nodeCount; i++) {
+ fn(this[i], arg1, arg2);
+ }
+ // return self for chaining
+ return this;
+ }
+ };
+});
+
+function createEventHandler(element, events) {
+ var eventHandler = function(event, type) {
+ // jQuery specific api
+ event.isDefaultPrevented = function() {
+ return event.defaultPrevented;
+ };
+
+ var eventFns = events[type || event.type];
+ var eventFnsLength = eventFns ? eventFns.length : 0;
+
+ if (!eventFnsLength) return;
+
+ if (isUndefined(event.immediatePropagationStopped)) {
+ var originalStopImmediatePropagation = event.stopImmediatePropagation;
+ event.stopImmediatePropagation = function() {
+ event.immediatePropagationStopped = true;
+
+ if (event.stopPropagation) {
+ event.stopPropagation();
+ }
+
+ if (originalStopImmediatePropagation) {
+ originalStopImmediatePropagation.call(event);
+ }
+ };
+ }
+
+ event.isImmediatePropagationStopped = function() {
+ return event.immediatePropagationStopped === true;
+ };
+
+ // Copy event handlers in case event handlers array is modified during execution.
+ if ((eventFnsLength > 1)) {
+ eventFns = shallowCopy(eventFns);
+ }
+
+ for (var i = 0; i < eventFnsLength; i++) {
+ if (!event.isImmediatePropagationStopped()) {
+ eventFns[i].call(element, event);
+ }
+ }
+ };
+
+ // TODO: this is a hack for angularMocks/clearDataCache that makes it possible to deregister all
+ // events on `element`
+ eventHandler.elem = element;
+ return eventHandler;
+}
+
+//////////////////////////////////////////
+// Functions iterating traversal.
+// These functions chain results into a single
+// selector.
+//////////////////////////////////////////
+forEach({
+ removeData: jqLiteRemoveData,
+
+ on: function jqLiteOn(element, type, fn, unsupported) {
+ if (isDefined(unsupported)) throw jqLiteMinErr('onargs', 'jqLite#on() does not support the `selector` or `eventData` parameters');
+
+ // Do not add event handlers to non-elements because they will not be cleaned up.
+ if (!jqLiteAcceptsData(element)) {
+ return;
+ }
+
+ var expandoStore = jqLiteExpandoStore(element, true);
+ var events = expandoStore.events;
+ var handle = expandoStore.handle;
+
+ if (!handle) {
+ handle = expandoStore.handle = createEventHandler(element, events);
+ }
+
+ // http://jsperf.com/string-indexof-vs-split
+ var types = type.indexOf(' ') >= 0 ? type.split(' ') : [type];
+ var i = types.length;
+
+ while (i--) {
+ type = types[i];
+ var eventFns = events[type];
+
+ if (!eventFns) {
+ events[type] = [];
+
+ if (type === 'mouseenter' || type === 'mouseleave') {
+ // Refer to jQuery's implementation of mouseenter & mouseleave
+ // Read about mouseenter and mouseleave:
+ // http://www.quirksmode.org/js/events_mouse.html#link8
+
+ jqLiteOn(element, MOUSE_EVENT_MAP[type], function(event) {
+ var target = this, related = event.relatedTarget;
+ // For mousenter/leave call the handler if related is outside the target.
+ // NB: No relatedTarget if the mouse left/entered the browser window
+ if (!related || (related !== target && !target.contains(related))) {
+ handle(event, type);
+ }
+ });
+
+ } else {
+ if (type !== '$destroy') {
+ addEventListenerFn(element, type, handle);
+ }
+ }
+ eventFns = events[type];
+ }
+ eventFns.push(fn);
+ }
+ },
+
+ off: jqLiteOff,
+
+ one: function(element, type, fn) {
+ element = jqLite(element);
+
+ //add the listener twice so that when it is called
+ //you can remove the original function and still be
+ //able to call element.off(ev, fn) normally
+ element.on(type, function onFn() {
+ element.off(type, fn);
+ element.off(type, onFn);
+ });
+ element.on(type, fn);
+ },
+
+ replaceWith: function(element, replaceNode) {
+ var index, parent = element.parentNode;
+ jqLiteDealoc(element);
+ forEach(new JQLite(replaceNode), function(node) {
+ if (index) {
+ parent.insertBefore(node, index.nextSibling);
+ } else {
+ parent.replaceChild(node, element);
+ }
+ index = node;
+ });
+ },
+
+ children: function(element) {
+ var children = [];
+ forEach(element.childNodes, function(element) {
+ if (element.nodeType === NODE_TYPE_ELEMENT) {
+ children.push(element);
+ }
+ });
+ return children;
+ },
+
+ contents: function(element) {
+ return element.contentDocument || element.childNodes || [];
+ },
+
+ append: function(element, node) {
+ var nodeType = element.nodeType;
+ if (nodeType !== NODE_TYPE_ELEMENT && nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT) return;
+
+ node = new JQLite(node);
+
+ for (var i = 0, ii = node.length; i < ii; i++) {
+ var child = node[i];
+ element.appendChild(child);
+ }
+ },
+
+ prepend: function(element, node) {
+ if (element.nodeType === NODE_TYPE_ELEMENT) {
+ var index = element.firstChild;
+ forEach(new JQLite(node), function(child) {
+ element.insertBefore(child, index);
+ });
+ }
+ },
+
+ wrap: function(element, wrapNode) {
+ wrapNode = jqLite(wrapNode).eq(0).clone()[0];
+ var parent = element.parentNode;
+ if (parent) {
+ parent.replaceChild(wrapNode, element);
+ }
+ wrapNode.appendChild(element);
+ },
+
+ remove: jqLiteRemove,
+
+ detach: function(element) {
+ jqLiteRemove(element, true);
+ },
+
+ after: function(element, newElement) {
+ var index = element, parent = element.parentNode;
+ newElement = new JQLite(newElement);
+
+ for (var i = 0, ii = newElement.length; i < ii; i++) {
+ var node = newElement[i];
+ parent.insertBefore(node, index.nextSibling);
+ index = node;
+ }
+ },
+
+ addClass: jqLiteAddClass,
+ removeClass: jqLiteRemoveClass,
+
+ toggleClass: function(element, selector, condition) {
+ if (selector) {
+ forEach(selector.split(' '), function(className) {
+ var classCondition = condition;
+ if (isUndefined(classCondition)) {
+ classCondition = !jqLiteHasClass(element, className);
+ }
+ (classCondition ? jqLiteAddClass : jqLiteRemoveClass)(element, className);
+ });
+ }
+ },
+
+ parent: function(element) {
+ var parent = element.parentNode;
+ return parent && parent.nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT ? parent : null;
+ },
+
+ next: function(element) {
+ return element.nextElementSibling;
+ },
+
+ find: function(element, selector) {
+ if (element.getElementsByTagName) {
+ return element.getElementsByTagName(selector);
+ } else {
+ return [];
+ }
+ },
+
+ clone: jqLiteClone,
+
+ triggerHandler: function(element, event, extraParameters) {
+
+ var dummyEvent, eventFnsCopy, handlerArgs;
+ var eventName = event.type || event;
+ var expandoStore = jqLiteExpandoStore(element);
+ var events = expandoStore && expandoStore.events;
+ var eventFns = events && events[eventName];
+
+ if (eventFns) {
+ // Create a dummy event to pass to the handlers
+ dummyEvent = {
+ preventDefault: function() { this.defaultPrevented = true; },
+ isDefaultPrevented: function() { return this.defaultPrevented === true; },
+ stopImmediatePropagation: function() { this.immediatePropagationStopped = true; },
+ isImmediatePropagationStopped: function() { return this.immediatePropagationStopped === true; },
+ stopPropagation: noop,
+ type: eventName,
+ target: element
+ };
+
+ // If a custom event was provided then extend our dummy event with it
+ if (event.type) {
+ dummyEvent = extend(dummyEvent, event);
+ }
+
+ // Copy event handlers in case event handlers array is modified during execution.
+ eventFnsCopy = shallowCopy(eventFns);
+ handlerArgs = extraParameters ? [dummyEvent].concat(extraParameters) : [dummyEvent];
+
+ forEach(eventFnsCopy, function(fn) {
+ if (!dummyEvent.isImmediatePropagationStopped()) {
+ fn.apply(element, handlerArgs);
+ }
+ });
+ }
+ }
+}, function(fn, name) {
+ /**
+ * chaining functions
+ */
+ JQLite.prototype[name] = function(arg1, arg2, arg3) {
+ var value;
+
+ for (var i = 0, ii = this.length; i < ii; i++) {
+ if (isUndefined(value)) {
+ value = fn(this[i], arg1, arg2, arg3);
+ if (isDefined(value)) {
+ // any function which returns a value needs to be wrapped
+ value = jqLite(value);
+ }
+ } else {
+ jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));
+ }
+ }
+ return isDefined(value) ? value : this;
+ };
+
+ // bind legacy bind/unbind to on/off
+ JQLite.prototype.bind = JQLite.prototype.on;
+ JQLite.prototype.unbind = JQLite.prototype.off;
+});
+
+
+// Provider for private $$jqLite service
+function $$jqLiteProvider() {
+ this.$get = function $$jqLite() {
+ return extend(JQLite, {
+ hasClass: function(node, classes) {
+ if (node.attr) node = node[0];
+ return jqLiteHasClass(node, classes);
+ },
+ addClass: function(node, classes) {
+ if (node.attr) node = node[0];
+ return jqLiteAddClass(node, classes);
+ },
+ removeClass: function(node, classes) {
+ if (node.attr) node = node[0];
+ return jqLiteRemoveClass(node, classes);
+ }
+ });
+ };
+}
+
+/**
+ * Computes a hash of an 'obj'.
+ * Hash of a:
+ * string is string
+ * number is number as string
+ * object is either result of calling $$hashKey function on the object or uniquely generated id,
+ * that is also assigned to the $$hashKey property of the object.
+ *
+ * @param obj
+ * @returns {string} hash string such that the same input will have the same hash string.
+ * The resulting string key is in 'type:hashKey' format.
+ */
+function hashKey(obj, nextUidFn) {
+ var key = obj && obj.$$hashKey;
+
+ if (key) {
+ if (typeof key === 'function') {
+ key = obj.$$hashKey();
+ }
+ return key;
+ }
+
+ var objType = typeof obj;
+ if (objType == 'function' || (objType == 'object' && obj !== null)) {
+ key = obj.$$hashKey = objType + ':' + (nextUidFn || nextUid)();
+ } else {
+ key = objType + ':' + obj;
+ }
+
+ return key;
+}
+
+/**
+ * HashMap which can use objects as keys
+ */
+function HashMap(array, isolatedUid) {
+ if (isolatedUid) {
+ var uid = 0;
+ this.nextUid = function() {
+ return ++uid;
+ };
+ }
+ forEach(array, this.put, this);
+}
+HashMap.prototype = {
+ /**
+ * Store key value pair
+ * @param key key to store can be any type
+ * @param value value to store can be any type
+ */
+ put: function(key, value) {
+ this[hashKey(key, this.nextUid)] = value;
+ },
+
+ /**
+ * @param key
+ * @returns {Object} the value for the key
+ */
+ get: function(key) {
+ return this[hashKey(key, this.nextUid)];
+ },
+
+ /**
+ * Remove the key/value pair
+ * @param key
+ */
+ remove: function(key) {
+ var value = this[key = hashKey(key, this.nextUid)];
+ delete this[key];
+ return value;
+ }
+};
+
+var $$HashMapProvider = [function() {
+ this.$get = [function() {
+ return HashMap;
+ }];
+}];
+
+/**
+ * @ngdoc function
+ * @module ng
+ * @name angular.injector
+ * @kind function
+ *
+ * @description
+ * Creates an injector object that can be used for retrieving services as well as for
+ * dependency injection (see {@link guide/di dependency injection}).
+ *
+ * @param {Array.} modules A list of module functions or their aliases. See
+ * {@link angular.module}. The `ng` module must be explicitly added.
+ * @param {boolean=} [strictDi=false] Whether the injector should be in strict mode, which
+ * disallows argument name annotation inference.
+ * @returns {injector} Injector object. See {@link auto.$injector $injector}.
+ *
+ * @example
+ * Typical usage
+ * ```js
+ * // create an injector
+ * var $injector = angular.injector(['ng']);
+ *
+ * // use the injector to kick off your application
+ * // use the type inference to auto inject arguments, or use implicit injection
+ * $injector.invoke(function($rootScope, $compile, $document) {
+ * $compile($document)($rootScope);
+ * $rootScope.$digest();
+ * });
+ * ```
+ *
+ * Sometimes you want to get access to the injector of a currently running Angular app
+ * from outside Angular. Perhaps, you want to inject and compile some markup after the
+ * application has been bootstrapped. You can do this using the extra `injector()` added
+ * to JQuery/jqLite elements. See {@link angular.element}.
+ *
+ * *This is fairly rare but could be the case if a third party library is injecting the
+ * markup.*
+ *
+ * In the following example a new block of HTML containing a `ng-controller`
+ * directive is added to the end of the document body by JQuery. We then compile and link
+ * it into the current AngularJS scope.
+ *
+ * ```js
+ * var $div = $('{{content.label}}
');
+ * $(document.body).append($div);
+ *
+ * angular.element(document).injector().invoke(function($compile) {
+ * var scope = angular.element($div).scope();
+ * $compile($div)(scope);
+ * });
+ * ```
+ */
+
+
+/**
+ * @ngdoc module
+ * @name auto
+ * @description
+ *
+ * Implicit module which gets automatically added to each {@link auto.$injector $injector}.
+ */
+
+var FN_ARGS = /^[^\(]*\(\s*([^\)]*)\)/m;
+var FN_ARG_SPLIT = /,/;
+var FN_ARG = /^\s*(_?)(\S+?)\1\s*$/;
+var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
+var $injectorMinErr = minErr('$injector');
+
+function anonFn(fn) {
+ // For anonymous functions, showing at the very least the function signature can help in
+ // debugging.
+ var fnText = fn.toString().replace(STRIP_COMMENTS, ''),
+ args = fnText.match(FN_ARGS);
+ if (args) {
+ return 'function(' + (args[1] || '').replace(/[\s\r\n]+/, ' ') + ')';
+ }
+ return 'fn';
+}
+
+function annotate(fn, strictDi, name) {
+ var $inject,
+ fnText,
+ argDecl,
+ last;
+
+ if (typeof fn === 'function') {
+ if (!($inject = fn.$inject)) {
+ $inject = [];
+ if (fn.length) {
+ if (strictDi) {
+ if (!isString(name) || !name) {
+ name = fn.name || anonFn(fn);
+ }
+ throw $injectorMinErr('strictdi',
+ '{0} is not using explicit annotation and cannot be invoked in strict mode', name);
+ }
+ fnText = fn.toString().replace(STRIP_COMMENTS, '');
+ argDecl = fnText.match(FN_ARGS);
+ forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg) {
+ arg.replace(FN_ARG, function(all, underscore, name) {
+ $inject.push(name);
+ });
+ });
+ }
+ fn.$inject = $inject;
+ }
+ } else if (isArray(fn)) {
+ last = fn.length - 1;
+ assertArgFn(fn[last], 'fn');
+ $inject = fn.slice(0, last);
+ } else {
+ assertArgFn(fn, 'fn', true);
+ }
+ return $inject;
+}
+
+///////////////////////////////////////
+
+/**
+ * @ngdoc service
+ * @name $injector
+ *
+ * @description
+ *
+ * `$injector` is used to retrieve object instances as defined by
+ * {@link auto.$provide provider}, instantiate types, invoke methods,
+ * and load modules.
+ *
+ * The following always holds true:
+ *
+ * ```js
+ * var $injector = angular.injector();
+ * expect($injector.get('$injector')).toBe($injector);
+ * expect($injector.invoke(function($injector) {
+ * return $injector;
+ * })).toBe($injector);
+ * ```
+ *
+ * # Injection Function Annotation
+ *
+ * JavaScript does not have annotations, and annotations are needed for dependency injection. The
+ * following are all valid ways of annotating function with injection arguments and are equivalent.
+ *
+ * ```js
+ * // inferred (only works if code not minified/obfuscated)
+ * $injector.invoke(function(serviceA){});
+ *
+ * // annotated
+ * function explicit(serviceA) {};
+ * explicit.$inject = ['serviceA'];
+ * $injector.invoke(explicit);
+ *
+ * // inline
+ * $injector.invoke(['serviceA', function(serviceA){}]);
+ * ```
+ *
+ * ## Inference
+ *
+ * In JavaScript calling `toString()` on a function returns the function definition. The definition
+ * can then be parsed and the function arguments can be extracted. This method of discovering
+ * annotations is disallowed when the injector is in strict mode.
+ * *NOTE:* This does not work with minification, and obfuscation tools since these tools change the
+ * argument names.
+ *
+ * ## `$inject` Annotation
+ * By adding an `$inject` property onto a function the injection parameters can be specified.
+ *
+ * ## Inline
+ * As an array of injection names, where the last item in the array is the function to call.
+ */
+
+/**
+ * @ngdoc method
+ * @name $injector#get
+ *
+ * @description
+ * Return an instance of the service.
+ *
+ * @param {string} name The name of the instance to retrieve.
+ * @param {string=} caller An optional string to provide the origin of the function call for error messages.
+ * @return {*} The instance.
+ */
+
+/**
+ * @ngdoc method
+ * @name $injector#invoke
+ *
+ * @description
+ * Invoke the method and supply the method arguments from the `$injector`.
+ *
+ * @param {Function|Array.} fn The injectable function to invoke. Function parameters are
+ * injected according to the {@link guide/di $inject Annotation} rules.
+ * @param {Object=} self The `this` for the invoked method.
+ * @param {Object=} locals Optional object. If preset then any argument names are read from this
+ * object first, before the `$injector` is consulted.
+ * @returns {*} the value returned by the invoked `fn` function.
+ */
+
+/**
+ * @ngdoc method
+ * @name $injector#has
+ *
+ * @description
+ * Allows the user to query if the particular service exists.
+ *
+ * @param {string} name Name of the service to query.
+ * @returns {boolean} `true` if injector has given service.
+ */
+
+/**
+ * @ngdoc method
+ * @name $injector#instantiate
+ * @description
+ * Create a new instance of JS type. The method takes a constructor function, invokes the new
+ * operator, and supplies all of the arguments to the constructor function as specified by the
+ * constructor annotation.
+ *
+ * @param {Function} Type Annotated constructor function.
+ * @param {Object=} locals Optional object. If preset then any argument names are read from this
+ * object first, before the `$injector` is consulted.
+ * @returns {Object} new instance of `Type`.
+ */
+
+/**
+ * @ngdoc method
+ * @name $injector#annotate
+ *
+ * @description
+ * Returns an array of service names which the function is requesting for injection. This API is
+ * used by the injector to determine which services need to be injected into the function when the
+ * function is invoked. There are three ways in which the function can be annotated with the needed
+ * dependencies.
+ *
+ * # Argument names
+ *
+ * The simplest form is to extract the dependencies from the arguments of the function. This is done
+ * by converting the function into a string using `toString()` method and extracting the argument
+ * names.
+ * ```js
+ * // Given
+ * function MyController($scope, $route) {
+ * // ...
+ * }
+ *
+ * // Then
+ * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);
+ * ```
+ *
+ * You can disallow this method by using strict injection mode.
+ *
+ * This method does not work with code minification / obfuscation. For this reason the following
+ * annotation strategies are supported.
+ *
+ * # The `$inject` property
+ *
+ * If a function has an `$inject` property and its value is an array of strings, then the strings
+ * represent names of services to be injected into the function.
+ * ```js
+ * // Given
+ * var MyController = function(obfuscatedScope, obfuscatedRoute) {
+ * // ...
+ * }
+ * // Define function dependencies
+ * MyController['$inject'] = ['$scope', '$route'];
+ *
+ * // Then
+ * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);
+ * ```
+ *
+ * # The array notation
+ *
+ * It is often desirable to inline Injected functions and that's when setting the `$inject` property
+ * is very inconvenient. In these situations using the array notation to specify the dependencies in
+ * a way that survives minification is a better choice:
+ *
+ * ```js
+ * // We wish to write this (not minification / obfuscation safe)
+ * injector.invoke(function($compile, $rootScope) {
+ * // ...
+ * });
+ *
+ * // We are forced to write break inlining
+ * var tmpFn = function(obfuscatedCompile, obfuscatedRootScope) {
+ * // ...
+ * };
+ * tmpFn.$inject = ['$compile', '$rootScope'];
+ * injector.invoke(tmpFn);
+ *
+ * // To better support inline function the inline annotation is supported
+ * injector.invoke(['$compile', '$rootScope', function(obfCompile, obfRootScope) {
+ * // ...
+ * }]);
+ *
+ * // Therefore
+ * expect(injector.annotate(
+ * ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])
+ * ).toEqual(['$compile', '$rootScope']);
+ * ```
+ *
+ * @param {Function|Array.} fn Function for which dependent service names need to
+ * be retrieved as described above.
+ *
+ * @param {boolean=} [strictDi=false] Disallow argument name annotation inference.
+ *
+ * @returns {Array.} The names of the services which the function requires.
+ */
+
+
+
+
+/**
+ * @ngdoc service
+ * @name $provide
+ *
+ * @description
+ *
+ * The {@link auto.$provide $provide} service has a number of methods for registering components
+ * with the {@link auto.$injector $injector}. Many of these functions are also exposed on
+ * {@link angular.Module}.
+ *
+ * An Angular **service** is a singleton object created by a **service factory**. These **service
+ * factories** are functions which, in turn, are created by a **service provider**.
+ * The **service providers** are constructor functions. When instantiated they must contain a
+ * property called `$get`, which holds the **service factory** function.
+ *
+ * When you request a service, the {@link auto.$injector $injector} is responsible for finding the
+ * correct **service provider**, instantiating it and then calling its `$get` **service factory**
+ * function to get the instance of the **service**.
+ *
+ * Often services have no configuration options and there is no need to add methods to the service
+ * provider. The provider will be no more than a constructor function with a `$get` property. For
+ * these cases the {@link auto.$provide $provide} service has additional helper methods to register
+ * services without specifying a provider.
+ *
+ * * {@link auto.$provide#provider provider(provider)} - registers a **service provider** with the
+ * {@link auto.$injector $injector}
+ * * {@link auto.$provide#constant constant(obj)} - registers a value/object that can be accessed by
+ * providers and services.
+ * * {@link auto.$provide#value value(obj)} - registers a value/object that can only be accessed by
+ * services, not providers.
+ * * {@link auto.$provide#factory factory(fn)} - registers a service **factory function**, `fn`,
+ * that will be wrapped in a **service provider** object, whose `$get` property will contain the
+ * given factory function.
+ * * {@link auto.$provide#service service(class)} - registers a **constructor function**, `class`
+ * that will be wrapped in a **service provider** object, whose `$get` property will instantiate
+ * a new object using the given constructor function.
+ *
+ * See the individual methods for more information and examples.
+ */
+
+/**
+ * @ngdoc method
+ * @name $provide#provider
+ * @description
+ *
+ * Register a **provider function** with the {@link auto.$injector $injector}. Provider functions
+ * are constructor functions, whose instances are responsible for "providing" a factory for a
+ * service.
+ *
+ * Service provider names start with the name of the service they provide followed by `Provider`.
+ * For example, the {@link ng.$log $log} service has a provider called
+ * {@link ng.$logProvider $logProvider}.
+ *
+ * Service provider objects can have additional methods which allow configuration of the provider
+ * and its service. Importantly, you can configure what kind of service is created by the `$get`
+ * method, or how that service will act. For example, the {@link ng.$logProvider $logProvider} has a
+ * method {@link ng.$logProvider#debugEnabled debugEnabled}
+ * which lets you specify whether the {@link ng.$log $log} service will log debug messages to the
+ * console or not.
+ *
+ * @param {string} name The name of the instance. NOTE: the provider will be available under `name +
+ 'Provider'` key.
+ * @param {(Object|function())} provider If the provider is:
+ *
+ * - `Object`: then it should have a `$get` method. The `$get` method will be invoked using
+ * {@link auto.$injector#invoke $injector.invoke()} when an instance needs to be created.
+ * - `Constructor`: a new instance of the provider will be created using
+ * {@link auto.$injector#instantiate $injector.instantiate()}, then treated as `object`.
+ *
+ * @returns {Object} registered provider instance
+
+ * @example
+ *
+ * The following example shows how to create a simple event tracking service and register it using
+ * {@link auto.$provide#provider $provide.provider()}.
+ *
+ * ```js
+ * // Define the eventTracker provider
+ * function EventTrackerProvider() {
+ * var trackingUrl = '/track';
+ *
+ * // A provider method for configuring where the tracked events should been saved
+ * this.setTrackingUrl = function(url) {
+ * trackingUrl = url;
+ * };
+ *
+ * // The service factory function
+ * this.$get = ['$http', function($http) {
+ * var trackedEvents = {};
+ * return {
+ * // Call this to track an event
+ * event: function(event) {
+ * var count = trackedEvents[event] || 0;
+ * count += 1;
+ * trackedEvents[event] = count;
+ * return count;
+ * },
+ * // Call this to save the tracked events to the trackingUrl
+ * save: function() {
+ * $http.post(trackingUrl, trackedEvents);
+ * }
+ * };
+ * }];
+ * }
+ *
+ * describe('eventTracker', function() {
+ * var postSpy;
+ *
+ * beforeEach(module(function($provide) {
+ * // Register the eventTracker provider
+ * $provide.provider('eventTracker', EventTrackerProvider);
+ * }));
+ *
+ * beforeEach(module(function(eventTrackerProvider) {
+ * // Configure eventTracker provider
+ * eventTrackerProvider.setTrackingUrl('/custom-track');
+ * }));
+ *
+ * it('tracks events', inject(function(eventTracker) {
+ * expect(eventTracker.event('login')).toEqual(1);
+ * expect(eventTracker.event('login')).toEqual(2);
+ * }));
+ *
+ * it('saves to the tracking url', inject(function(eventTracker, $http) {
+ * postSpy = spyOn($http, 'post');
+ * eventTracker.event('login');
+ * eventTracker.save();
+ * expect(postSpy).toHaveBeenCalled();
+ * expect(postSpy.mostRecentCall.args[0]).not.toEqual('/track');
+ * expect(postSpy.mostRecentCall.args[0]).toEqual('/custom-track');
+ * expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });
+ * }));
+ * });
+ * ```
+ */
+
+/**
+ * @ngdoc method
+ * @name $provide#factory
+ * @description
+ *
+ * Register a **service factory**, which will be called to return the service instance.
+ * This is short for registering a service where its provider consists of only a `$get` property,
+ * which is the given service factory function.
+ * You should use {@link auto.$provide#factory $provide.factory(getFn)} if you do not need to
+ * configure your service in a provider.
+ *
+ * @param {string} name The name of the instance.
+ * @param {Function|Array.} $getFn The injectable $getFn for the instance creation.
+ * Internally this is a short hand for `$provide.provider(name, {$get: $getFn})`.
+ * @returns {Object} registered provider instance
+ *
+ * @example
+ * Here is an example of registering a service
+ * ```js
+ * $provide.factory('ping', ['$http', function($http) {
+ * return function ping() {
+ * return $http.send('/ping');
+ * };
+ * }]);
+ * ```
+ * You would then inject and use this service like this:
+ * ```js
+ * someModule.controller('Ctrl', ['ping', function(ping) {
+ * ping();
+ * }]);
+ * ```
+ */
+
+
+/**
+ * @ngdoc method
+ * @name $provide#service
+ * @description
+ *
+ * Register a **service constructor**, which will be invoked with `new` to create the service
+ * instance.
+ * This is short for registering a service where its provider's `$get` property is the service
+ * constructor function that will be used to instantiate the service instance.
+ *
+ * You should use {@link auto.$provide#service $provide.service(class)} if you define your service
+ * as a type/class.
+ *
+ * @param {string} name The name of the instance.
+ * @param {Function|Array.} constructor An injectable class (constructor function)
+ * that will be instantiated.
+ * @returns {Object} registered provider instance
+ *
+ * @example
+ * Here is an example of registering a service using
+ * {@link auto.$provide#service $provide.service(class)}.
+ * ```js
+ * var Ping = function($http) {
+ * this.$http = $http;
+ * };
+ *
+ * Ping.$inject = ['$http'];
+ *
+ * Ping.prototype.send = function() {
+ * return this.$http.get('/ping');
+ * };
+ * $provide.service('ping', Ping);
+ * ```
+ * You would then inject and use this service like this:
+ * ```js
+ * someModule.controller('Ctrl', ['ping', function(ping) {
+ * ping.send();
+ * }]);
+ * ```
+ */
+
+
+/**
+ * @ngdoc method
+ * @name $provide#value
+ * @description
+ *
+ * Register a **value service** with the {@link auto.$injector $injector}, such as a string, a
+ * number, an array, an object or a function. This is short for registering a service where its
+ * provider's `$get` property is a factory function that takes no arguments and returns the **value
+ * service**.
+ *
+ * Value services are similar to constant services, except that they cannot be injected into a
+ * module configuration function (see {@link angular.Module#config}) but they can be overridden by
+ * an Angular
+ * {@link auto.$provide#decorator decorator}.
+ *
+ * @param {string} name The name of the instance.
+ * @param {*} value The value.
+ * @returns {Object} registered provider instance
+ *
+ * @example
+ * Here are some examples of creating value services.
+ * ```js
+ * $provide.value('ADMIN_USER', 'admin');
+ *
+ * $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });
+ *
+ * $provide.value('halfOf', function(value) {
+ * return value / 2;
+ * });
+ * ```
+ */
+
+
+/**
+ * @ngdoc method
+ * @name $provide#constant
+ * @description
+ *
+ * Register a **constant service**, such as a string, a number, an array, an object or a function,
+ * with the {@link auto.$injector $injector}. Unlike {@link auto.$provide#value value} it can be
+ * injected into a module configuration function (see {@link angular.Module#config}) and it cannot
+ * be overridden by an Angular {@link auto.$provide#decorator decorator}.
+ *
+ * @param {string} name The name of the constant.
+ * @param {*} value The constant value.
+ * @returns {Object} registered instance
+ *
+ * @example
+ * Here a some examples of creating constants:
+ * ```js
+ * $provide.constant('SHARD_HEIGHT', 306);
+ *
+ * $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);
+ *
+ * $provide.constant('double', function(value) {
+ * return value * 2;
+ * });
+ * ```
+ */
+
+
+/**
+ * @ngdoc method
+ * @name $provide#decorator
+ * @description
+ *
+ * Register a **service decorator** with the {@link auto.$injector $injector}. A service decorator
+ * intercepts the creation of a service, allowing it to override or modify the behaviour of the
+ * service. The object returned by the decorator may be the original service, or a new service
+ * object which replaces or wraps and delegates to the original service.
+ *
+ * @param {string} name The name of the service to decorate.
+ * @param {Function|Array.} decorator This function will be invoked when the service needs to be
+ * instantiated and should return the decorated service instance. The function is called using
+ * the {@link auto.$injector#invoke injector.invoke} method and is therefore fully injectable.
+ * Local injection arguments:
+ *
+ * * `$delegate` - The original service instance, which can be monkey patched, configured,
+ * decorated or delegated to.
+ *
+ * @example
+ * Here we decorate the {@link ng.$log $log} service to convert warnings to errors by intercepting
+ * calls to {@link ng.$log#error $log.warn()}.
+ * ```js
+ * $provide.decorator('$log', ['$delegate', function($delegate) {
+ * $delegate.warn = $delegate.error;
+ * return $delegate;
+ * }]);
+ * ```
+ */
+
+
+function createInjector(modulesToLoad, strictDi) {
+ strictDi = (strictDi === true);
+ var INSTANTIATING = {},
+ providerSuffix = 'Provider',
+ path = [],
+ loadedModules = new HashMap([], true),
+ providerCache = {
+ $provide: {
+ provider: supportObject(provider),
+ factory: supportObject(factory),
+ service: supportObject(service),
+ value: supportObject(value),
+ constant: supportObject(constant),
+ decorator: decorator
+ }
+ },
+ providerInjector = (providerCache.$injector =
+ createInternalInjector(providerCache, function(serviceName, caller) {
+ if (angular.isString(caller)) {
+ path.push(caller);
+ }
+ throw $injectorMinErr('unpr', "Unknown provider: {0}", path.join(' <- '));
+ })),
+ instanceCache = {},
+ instanceInjector = (instanceCache.$injector =
+ createInternalInjector(instanceCache, function(serviceName, caller) {
+ var provider = providerInjector.get(serviceName + providerSuffix, caller);
+ return instanceInjector.invoke(provider.$get, provider, undefined, serviceName);
+ }));
+
+
+ forEach(loadModules(modulesToLoad), function(fn) { if (fn) instanceInjector.invoke(fn); });
+
+ return instanceInjector;
+
+ ////////////////////////////////////
+ // $provider
+ ////////////////////////////////////
+
+ function supportObject(delegate) {
+ return function(key, value) {
+ if (isObject(key)) {
+ forEach(key, reverseParams(delegate));
+ } else {
+ return delegate(key, value);
+ }
+ };
+ }
+
+ function provider(name, provider_) {
+ assertNotHasOwnProperty(name, 'service');
+ if (isFunction(provider_) || isArray(provider_)) {
+ provider_ = providerInjector.instantiate(provider_);
+ }
+ if (!provider_.$get) {
+ throw $injectorMinErr('pget', "Provider '{0}' must define $get factory method.", name);
+ }
+ return providerCache[name + providerSuffix] = provider_;
+ }
+
+ function enforceReturnValue(name, factory) {
+ return function enforcedReturnValue() {
+ var result = instanceInjector.invoke(factory, this);
+ if (isUndefined(result)) {
+ throw $injectorMinErr('undef', "Provider '{0}' must return a value from $get factory method.", name);
+ }
+ return result;
+ };
+ }
+
+ function factory(name, factoryFn, enforce) {
+ return provider(name, {
+ $get: enforce !== false ? enforceReturnValue(name, factoryFn) : factoryFn
+ });
+ }
+
+ function service(name, constructor) {
+ return factory(name, ['$injector', function($injector) {
+ return $injector.instantiate(constructor);
+ }]);
+ }
+
+ function value(name, val) { return factory(name, valueFn(val), false); }
+
+ function constant(name, value) {
+ assertNotHasOwnProperty(name, 'constant');
+ providerCache[name] = value;
+ instanceCache[name] = value;
+ }
+
+ function decorator(serviceName, decorFn) {
+ var origProvider = providerInjector.get(serviceName + providerSuffix),
+ orig$get = origProvider.$get;
+
+ origProvider.$get = function() {
+ var origInstance = instanceInjector.invoke(orig$get, origProvider);
+ return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});
+ };
+ }
+
+ ////////////////////////////////////
+ // Module Loading
+ ////////////////////////////////////
+ function loadModules(modulesToLoad) {
+ assertArg(isUndefined(modulesToLoad) || isArray(modulesToLoad), 'modulesToLoad', 'not an array');
+ var runBlocks = [], moduleFn;
+ forEach(modulesToLoad, function(module) {
+ if (loadedModules.get(module)) return;
+ loadedModules.put(module, true);
+
+ function runInvokeQueue(queue) {
+ var i, ii;
+ for (i = 0, ii = queue.length; i < ii; i++) {
+ var invokeArgs = queue[i],
+ provider = providerInjector.get(invokeArgs[0]);
+
+ provider[invokeArgs[1]].apply(provider, invokeArgs[2]);
+ }
+ }
+
+ try {
+ if (isString(module)) {
+ moduleFn = angularModule(module);
+ runBlocks = runBlocks.concat(loadModules(moduleFn.requires)).concat(moduleFn._runBlocks);
+ runInvokeQueue(moduleFn._invokeQueue);
+ runInvokeQueue(moduleFn._configBlocks);
+ } else if (isFunction(module)) {
+ runBlocks.push(providerInjector.invoke(module));
+ } else if (isArray(module)) {
+ runBlocks.push(providerInjector.invoke(module));
+ } else {
+ assertArgFn(module, 'module');
+ }
+ } catch (e) {
+ if (isArray(module)) {
+ module = module[module.length - 1];
+ }
+ if (e.message && e.stack && e.stack.indexOf(e.message) == -1) {
+ // Safari & FF's stack traces don't contain error.message content
+ // unlike those of Chrome and IE
+ // So if stack doesn't contain message, we create a new string that contains both.
+ // Since error.stack is read-only in Safari, I'm overriding e and not e.stack here.
+ /* jshint -W022 */
+ e = e.message + '\n' + e.stack;
+ }
+ throw $injectorMinErr('modulerr', "Failed to instantiate module {0} due to:\n{1}",
+ module, e.stack || e.message || e);
+ }
+ });
+ return runBlocks;
+ }
+
+ ////////////////////////////////////
+ // internal Injector
+ ////////////////////////////////////
+
+ function createInternalInjector(cache, factory) {
+
+ function getService(serviceName, caller) {
+ if (cache.hasOwnProperty(serviceName)) {
+ if (cache[serviceName] === INSTANTIATING) {
+ throw $injectorMinErr('cdep', 'Circular dependency found: {0}',
+ serviceName + ' <- ' + path.join(' <- '));
+ }
+ return cache[serviceName];
+ } else {
+ try {
+ path.unshift(serviceName);
+ cache[serviceName] = INSTANTIATING;
+ return cache[serviceName] = factory(serviceName, caller);
+ } catch (err) {
+ if (cache[serviceName] === INSTANTIATING) {
+ delete cache[serviceName];
+ }
+ throw err;
+ } finally {
+ path.shift();
+ }
+ }
+ }
+
+ function invoke(fn, self, locals, serviceName) {
+ if (typeof locals === 'string') {
+ serviceName = locals;
+ locals = null;
+ }
+
+ var args = [],
+ $inject = createInjector.$$annotate(fn, strictDi, serviceName),
+ length, i,
+ key;
+
+ for (i = 0, length = $inject.length; i < length; i++) {
+ key = $inject[i];
+ if (typeof key !== 'string') {
+ throw $injectorMinErr('itkn',
+ 'Incorrect injection token! Expected service name as string, got {0}', key);
+ }
+ args.push(
+ locals && locals.hasOwnProperty(key)
+ ? locals[key]
+ : getService(key, serviceName)
+ );
+ }
+ if (isArray(fn)) {
+ fn = fn[length];
+ }
+
+ // http://jsperf.com/angularjs-invoke-apply-vs-switch
+ // #5388
+ return fn.apply(self, args);
+ }
+
+ function instantiate(Type, locals, serviceName) {
+ // Check if Type is annotated and use just the given function at n-1 as parameter
+ // e.g. someModule.factory('greeter', ['$window', function(renamed$window) {}]);
+ // Object creation: http://jsperf.com/create-constructor/2
+ var instance = Object.create((isArray(Type) ? Type[Type.length - 1] : Type).prototype || null);
+ var returnedValue = invoke(Type, instance, locals, serviceName);
+
+ return isObject(returnedValue) || isFunction(returnedValue) ? returnedValue : instance;
+ }
+
+ return {
+ invoke: invoke,
+ instantiate: instantiate,
+ get: getService,
+ annotate: createInjector.$$annotate,
+ has: function(name) {
+ return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name);
+ }
+ };
+ }
+}
+
+createInjector.$$annotate = annotate;
+
+/**
+ * @ngdoc provider
+ * @name $anchorScrollProvider
+ *
+ * @description
+ * Use `$anchorScrollProvider` to disable automatic scrolling whenever
+ * {@link ng.$location#hash $location.hash()} changes.
+ */
+function $AnchorScrollProvider() {
+
+ var autoScrollingEnabled = true;
+
+ /**
+ * @ngdoc method
+ * @name $anchorScrollProvider#disableAutoScrolling
+ *
+ * @description
+ * By default, {@link ng.$anchorScroll $anchorScroll()} will automatically detect changes to
+ * {@link ng.$location#hash $location.hash()} and scroll to the element matching the new hash.
+ * Use this method to disable automatic scrolling.
+ *
+ * If automatic scrolling is disabled, one must explicitly call
+ * {@link ng.$anchorScroll $anchorScroll()} in order to scroll to the element related to the
+ * current hash.
+ */
+ this.disableAutoScrolling = function() {
+ autoScrollingEnabled = false;
+ };
+
+ /**
+ * @ngdoc service
+ * @name $anchorScroll
+ * @kind function
+ * @requires $window
+ * @requires $location
+ * @requires $rootScope
+ *
+ * @description
+ * When called, it scrolls to the element related to the specified `hash` or (if omitted) to the
+ * current value of {@link ng.$location#hash $location.hash()}, according to the rules specified
+ * in the
+ * [HTML5 spec](http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document).
+ *
+ * It also watches the {@link ng.$location#hash $location.hash()} and automatically scrolls to
+ * match any anchor whenever it changes. This can be disabled by calling
+ * {@link ng.$anchorScrollProvider#disableAutoScrolling $anchorScrollProvider.disableAutoScrolling()}.
+ *
+ * Additionally, you can use its {@link ng.$anchorScroll#yOffset yOffset} property to specify a
+ * vertical scroll-offset (either fixed or dynamic).
+ *
+ * @param {string=} hash The hash specifying the element to scroll to. If omitted, the value of
+ * {@link ng.$location#hash $location.hash()} will be used.
+ *
+ * @property {(number|function|jqLite)} yOffset
+ * If set, specifies a vertical scroll-offset. This is often useful when there are fixed
+ * positioned elements at the top of the page, such as navbars, headers etc.
+ *
+ * `yOffset` can be specified in various ways:
+ * - **number**: A fixed number of pixels to be used as offset.
+ * - **function**: A getter function called everytime `$anchorScroll()` is executed. Must return
+ * a number representing the offset (in pixels).
+ * - **jqLite**: A jqLite/jQuery element to be used for specifying the offset. The distance from
+ * the top of the page to the element's bottom will be used as offset.
+ * **Note**: The element will be taken into account only as long as its `position` is set to
+ * `fixed`. This option is useful, when dealing with responsive navbars/headers that adjust
+ * their height and/or positioning according to the viewport's size.
+ *
+ *
+ *
+ * In order for `yOffset` to work properly, scrolling should take place on the document's root and
+ * not some child element.
+ *
+ *
+ * @example
+
+
+
+
+
+ angular.module('anchorScrollExample', [])
+ .controller('ScrollController', ['$scope', '$location', '$anchorScroll',
+ function ($scope, $location, $anchorScroll) {
+ $scope.gotoBottom = function() {
+ // set the location.hash to the id of
+ // the element you wish to scroll to.
+ $location.hash('bottom');
+
+ // call $anchorScroll()
+ $anchorScroll();
+ };
+ }]);
+
+
+ #scrollArea {
+ height: 280px;
+ overflow: auto;
+ }
+
+ #bottom {
+ display: block;
+ margin-top: 2000px;
+ }
+
+
+ *
+ *
+ * The example below illustrates the use of a vertical scroll-offset (specified as a fixed value).
+ * See {@link ng.$anchorScroll#yOffset $anchorScroll.yOffset} for more details.
+ *
+ * @example
+
+
+
+
+ Anchor {{x}} of 5
+
+
+
+ angular.module('anchorScrollOffsetExample', [])
+ .run(['$anchorScroll', function($anchorScroll) {
+ $anchorScroll.yOffset = 50; // always scroll by 50 extra pixels
+ }])
+ .controller('headerCtrl', ['$anchorScroll', '$location', '$scope',
+ function ($anchorScroll, $location, $scope) {
+ $scope.gotoAnchor = function(x) {
+ var newHash = 'anchor' + x;
+ if ($location.hash() !== newHash) {
+ // set the $location.hash to `newHash` and
+ // $anchorScroll will automatically scroll to it
+ $location.hash('anchor' + x);
+ } else {
+ // call $anchorScroll() explicitly,
+ // since $location.hash hasn't changed
+ $anchorScroll();
+ }
+ };
+ }
+ ]);
+
+
+ body {
+ padding-top: 50px;
+ }
+
+ .anchor {
+ border: 2px dashed DarkOrchid;
+ padding: 10px 10px 200px 10px;
+ }
+
+ .fixed-header {
+ background-color: rgba(0, 0, 0, 0.2);
+ height: 50px;
+ position: fixed;
+ top: 0; left: 0; right: 0;
+ }
+
+ .fixed-header > a {
+ display: inline-block;
+ margin: 5px 15px;
+ }
+
+
+ */
+ this.$get = ['$window', '$location', '$rootScope', function($window, $location, $rootScope) {
+ var document = $window.document;
+
+ // Helper function to get first anchor from a NodeList
+ // (using `Array#some()` instead of `angular#forEach()` since it's more performant
+ // and working in all supported browsers.)
+ function getFirstAnchor(list) {
+ var result = null;
+ Array.prototype.some.call(list, function(element) {
+ if (nodeName_(element) === 'a') {
+ result = element;
+ return true;
+ }
+ });
+ return result;
+ }
+
+ function getYOffset() {
+
+ var offset = scroll.yOffset;
+
+ if (isFunction(offset)) {
+ offset = offset();
+ } else if (isElement(offset)) {
+ var elem = offset[0];
+ var style = $window.getComputedStyle(elem);
+ if (style.position !== 'fixed') {
+ offset = 0;
+ } else {
+ offset = elem.getBoundingClientRect().bottom;
+ }
+ } else if (!isNumber(offset)) {
+ offset = 0;
+ }
+
+ return offset;
+ }
+
+ function scrollTo(elem) {
+ if (elem) {
+ elem.scrollIntoView();
+
+ var offset = getYOffset();
+
+ if (offset) {
+ // `offset` is the number of pixels we should scroll UP in order to align `elem` properly.
+ // This is true ONLY if the call to `elem.scrollIntoView()` initially aligns `elem` at the
+ // top of the viewport.
+ //
+ // IF the number of pixels from the top of `elem` to the end of the page's content is less
+ // than the height of the viewport, then `elem.scrollIntoView()` will align the `elem` some
+ // way down the page.
+ //
+ // This is often the case for elements near the bottom of the page.
+ //
+ // In such cases we do not need to scroll the whole `offset` up, just the difference between
+ // the top of the element and the offset, which is enough to align the top of `elem` at the
+ // desired position.
+ var elemTop = elem.getBoundingClientRect().top;
+ $window.scrollBy(0, elemTop - offset);
+ }
+ } else {
+ $window.scrollTo(0, 0);
+ }
+ }
+
+ function scroll(hash) {
+ hash = isString(hash) ? hash : $location.hash();
+ var elm;
+
+ // empty hash, scroll to the top of the page
+ if (!hash) scrollTo(null);
+
+ // element with given id
+ else if ((elm = document.getElementById(hash))) scrollTo(elm);
+
+ // first anchor with given name :-D
+ else if ((elm = getFirstAnchor(document.getElementsByName(hash)))) scrollTo(elm);
+
+ // no element and hash == 'top', scroll to the top of the page
+ else if (hash === 'top') scrollTo(null);
+ }
+
+ // does not scroll when user clicks on anchor link that is currently on
+ // (no url change, no $location.hash() change), browser native does scroll
+ if (autoScrollingEnabled) {
+ $rootScope.$watch(function autoScrollWatch() {return $location.hash();},
+ function autoScrollWatchAction(newVal, oldVal) {
+ // skip the initial scroll if $location.hash is empty
+ if (newVal === oldVal && newVal === '') return;
+
+ jqLiteDocumentLoaded(function() {
+ $rootScope.$evalAsync(scroll);
+ });
+ });
+ }
+
+ return scroll;
+ }];
+}
+
+var $animateMinErr = minErr('$animate');
+var ELEMENT_NODE = 1;
+var NG_ANIMATE_CLASSNAME = 'ng-animate';
+
+function mergeClasses(a,b) {
+ if (!a && !b) return '';
+ if (!a) return b;
+ if (!b) return a;
+ if (isArray(a)) a = a.join(' ');
+ if (isArray(b)) b = b.join(' ');
+ return a + ' ' + b;
+}
+
+function extractElementNode(element) {
+ for (var i = 0; i < element.length; i++) {
+ var elm = element[i];
+ if (elm.nodeType === ELEMENT_NODE) {
+ return elm;
+ }
+ }
+}
+
+function splitClasses(classes) {
+ if (isString(classes)) {
+ classes = classes.split(' ');
+ }
+
+ // Use createMap() to prevent class assumptions involving property names in
+ // Object.prototype
+ var obj = createMap();
+ forEach(classes, function(klass) {
+ // sometimes the split leaves empty string values
+ // incase extra spaces were applied to the options
+ if (klass.length) {
+ obj[klass] = true;
+ }
+ });
+ return obj;
+}
+
+// if any other type of options value besides an Object value is
+// passed into the $animate.method() animation then this helper code
+// will be run which will ignore it. While this patch is not the
+// greatest solution to this, a lot of existing plugins depend on
+// $animate to either call the callback (< 1.2) or return a promise
+// that can be changed. This helper function ensures that the options
+// are wiped clean incase a callback function is provided.
+function prepareAnimateOptions(options) {
+ return isObject(options)
+ ? options
+ : {};
+}
+
+var $$CoreAnimateRunnerProvider = function() {
+ this.$get = ['$q', '$$rAF', function($q, $$rAF) {
+ function AnimateRunner() {}
+ AnimateRunner.all = noop;
+ AnimateRunner.chain = noop;
+ AnimateRunner.prototype = {
+ end: noop,
+ cancel: noop,
+ resume: noop,
+ pause: noop,
+ complete: noop,
+ then: function(pass, fail) {
+ return $q(function(resolve) {
+ $$rAF(function() {
+ resolve();
+ });
+ }).then(pass, fail);
+ }
+ };
+ return AnimateRunner;
+ }];
+};
+
+// this is prefixed with Core since it conflicts with
+// the animateQueueProvider defined in ngAnimate/animateQueue.js
+var $$CoreAnimateQueueProvider = function() {
+ var postDigestQueue = new HashMap();
+ var postDigestElements = [];
+
+ this.$get = ['$$AnimateRunner', '$rootScope',
+ function($$AnimateRunner, $rootScope) {
+ return {
+ enabled: noop,
+ on: noop,
+ off: noop,
+ pin: noop,
+
+ push: function(element, event, options, domOperation) {
+ domOperation && domOperation();
+
+ options = options || {};
+ options.from && element.css(options.from);
+ options.to && element.css(options.to);
+
+ if (options.addClass || options.removeClass) {
+ addRemoveClassesPostDigest(element, options.addClass, options.removeClass);
+ }
+
+ return new $$AnimateRunner(); // jshint ignore:line
+ }
+ };
+
+ function addRemoveClassesPostDigest(element, add, remove) {
+ var classVal, data = postDigestQueue.get(element);
+
+ if (!data) {
+ postDigestQueue.put(element, data = {});
+ postDigestElements.push(element);
+ }
+
+ var updateData = function(classes, value) {
+ var changed = false;
+ if (classes) {
+ classes = isString(classes) ? classes.split(' ') :
+ isArray(classes) ? classes : [];
+ forEach(classes, function(className) {
+ if (className) {
+ changed = true;
+ data[className] = value;
+ }
+ });
+ }
+ return changed;
+ };
+
+ var classesAdded = updateData(add, true);
+ var classesRemoved = updateData(remove, false);
+ if ((!classesAdded && !classesRemoved) || postDigestElements.length > 1) return;
+
+ $rootScope.$$postDigest(function() {
+ forEach(postDigestElements, function(element) {
+ var data = postDigestQueue.get(element);
+ if (data) {
+ var existing = splitClasses(element.attr('class'));
+ var toAdd = '';
+ var toRemove = '';
+ forEach(data, function(status, className) {
+ var hasClass = !!existing[className];
+ if (status !== hasClass) {
+ if (status) {
+ toAdd += (toAdd.length ? ' ' : '') + className;
+ } else {
+ toRemove += (toRemove.length ? ' ' : '') + className;
+ }
+ }
+ });
+
+ forEach(element, function(elm) {
+ toAdd && jqLiteAddClass(elm, toAdd);
+ toRemove && jqLiteRemoveClass(elm, toRemove);
+ });
+ postDigestQueue.remove(element);
+ }
+ });
+
+ postDigestElements.length = 0;
+ });
+ }
+ }];
+};
+
+/**
+ * @ngdoc provider
+ * @name $animateProvider
+ *
+ * @description
+ * Default implementation of $animate that doesn't perform any animations, instead just
+ * synchronously performs DOM updates and resolves the returned runner promise.
+ *
+ * In order to enable animations the `ngAnimate` module has to be loaded.
+ *
+ * To see the functional implementation check out `src/ngAnimate/animate.js`.
+ */
+var $AnimateProvider = ['$provide', function($provide) {
+ var provider = this;
+
+ this.$$registeredAnimations = Object.create(null);
+
+ /**
+ * @ngdoc method
+ * @name $animateProvider#register
+ *
+ * @description
+ * Registers a new injectable animation factory function. The factory function produces the
+ * animation object which contains callback functions for each event that is expected to be
+ * animated.
+ *
+ * * `eventFn`: `function(element, ... , doneFunction, options)`
+ * The element to animate, the `doneFunction` and the options fed into the animation. Depending
+ * on the type of animation additional arguments will be injected into the animation function. The
+ * list below explains the function signatures for the different animation methods:
+ *
+ * - setClass: function(element, addedClasses, removedClasses, doneFunction, options)
+ * - addClass: function(element, addedClasses, doneFunction, options)
+ * - removeClass: function(element, removedClasses, doneFunction, options)
+ * - enter, leave, move: function(element, doneFunction, options)
+ * - animate: function(element, fromStyles, toStyles, doneFunction, options)
+ *
+ * Make sure to trigger the `doneFunction` once the animation is fully complete.
+ *
+ * ```js
+ * return {
+ * //enter, leave, move signature
+ * eventFn : function(element, done, options) {
+ * //code to run the animation
+ * //once complete, then run done()
+ * return function endFunction(wasCancelled) {
+ * //code to cancel the animation
+ * }
+ * }
+ * }
+ * ```
+ *
+ * @param {string} name The name of the animation (this is what the class-based CSS value will be compared to).
+ * @param {Function} factory The factory function that will be executed to return the animation
+ * object.
+ */
+ this.register = function(name, factory) {
+ if (name && name.charAt(0) !== '.') {
+ throw $animateMinErr('notcsel', "Expecting class selector starting with '.' got '{0}'.", name);
+ }
+
+ var key = name + '-animation';
+ provider.$$registeredAnimations[name.substr(1)] = key;
+ $provide.factory(key, factory);
+ };
+
+ /**
+ * @ngdoc method
+ * @name $animateProvider#classNameFilter
+ *
+ * @description
+ * Sets and/or returns the CSS class regular expression that is checked when performing
+ * an animation. Upon bootstrap the classNameFilter value is not set at all and will
+ * therefore enable $animate to attempt to perform an animation on any element that is triggered.
+ * When setting the `classNameFilter` value, animations will only be performed on elements
+ * that successfully match the filter expression. This in turn can boost performance
+ * for low-powered devices as well as applications containing a lot of structural operations.
+ * @param {RegExp=} expression The className expression which will be checked against all animations
+ * @return {RegExp} The current CSS className expression value. If null then there is no expression value
+ */
+ this.classNameFilter = function(expression) {
+ if (arguments.length === 1) {
+ this.$$classNameFilter = (expression instanceof RegExp) ? expression : null;
+ if (this.$$classNameFilter) {
+ var reservedRegex = new RegExp("(\\s+|\\/)" + NG_ANIMATE_CLASSNAME + "(\\s+|\\/)");
+ if (reservedRegex.test(this.$$classNameFilter.toString())) {
+ throw $animateMinErr('nongcls','$animateProvider.classNameFilter(regex) prohibits accepting a regex value which matches/contains the "{0}" CSS class.', NG_ANIMATE_CLASSNAME);
+
+ }
+ }
+ }
+ return this.$$classNameFilter;
+ };
+
+ this.$get = ['$$animateQueue', function($$animateQueue) {
+ function domInsert(element, parentElement, afterElement) {
+ // if for some reason the previous element was removed
+ // from the dom sometime before this code runs then let's
+ // just stick to using the parent element as the anchor
+ if (afterElement) {
+ var afterNode = extractElementNode(afterElement);
+ if (afterNode && !afterNode.parentNode && !afterNode.previousElementSibling) {
+ afterElement = null;
+ }
+ }
+ afterElement ? afterElement.after(element) : parentElement.prepend(element);
+ }
+
+ /**
+ * @ngdoc service
+ * @name $animate
+ * @description The $animate service exposes a series of DOM utility methods that provide support
+ * for animation hooks. The default behavior is the application of DOM operations, however,
+ * when an animation is detected (and animations are enabled), $animate will do the heavy lifting
+ * to ensure that animation runs with the triggered DOM operation.
+ *
+ * By default $animate doesn't trigger an animations. This is because the `ngAnimate` module isn't
+ * included and only when it is active then the animation hooks that `$animate` triggers will be
+ * functional. Once active then all structural `ng-` directives will trigger animations as they perform
+ * their DOM-related operations (enter, leave and move). Other directives such as `ngClass`,
+ * `ngShow`, `ngHide` and `ngMessages` also provide support for animations.
+ *
+ * It is recommended that the`$animate` service is always used when executing DOM-related procedures within directives.
+ *
+ * To learn more about enabling animation support, click here to visit the
+ * {@link ngAnimate ngAnimate module page}.
+ */
+ return {
+ // we don't call it directly since non-existant arguments may
+ // be interpreted as null within the sub enabled function
+
+ /**
+ *
+ * @ngdoc method
+ * @name $animate#on
+ * @kind function
+ * @description Sets up an event listener to fire whenever the animation event (enter, leave, move, etc...)
+ * has fired on the given element or among any of its children. Once the listener is fired, the provided callback
+ * is fired with the following params:
+ *
+ * ```js
+ * $animate.on('enter', container,
+ * function callback(element, phase) {
+ * // cool we detected an enter animation within the container
+ * }
+ * );
+ * ```
+ *
+ * @param {string} event the animation event that will be captured (e.g. enter, leave, move, addClass, removeClass, etc...)
+ * @param {DOMElement} container the container element that will capture each of the animation events that are fired on itself
+ * as well as among its children
+ * @param {Function} callback the callback function that will be fired when the listener is triggered
+ *
+ * The arguments present in the callback function are:
+ * * `element` - The captured DOM element that the animation was fired on.
+ * * `phase` - The phase of the animation. The two possible phases are **start** (when the animation starts) and **close** (when it ends).
+ */
+ on: $$animateQueue.on,
+
+ /**
+ *
+ * @ngdoc method
+ * @name $animate#off
+ * @kind function
+ * @description Deregisters an event listener based on the event which has been associated with the provided element. This method
+ * can be used in three different ways depending on the arguments:
+ *
+ * ```js
+ * // remove all the animation event listeners listening for `enter`
+ * $animate.off('enter');
+ *
+ * // remove all the animation event listeners listening for `enter` on the given element and its children
+ * $animate.off('enter', container);
+ *
+ * // remove the event listener function provided by `listenerFn` that is set
+ * // to listen for `enter` on the given `element` as well as its children
+ * $animate.off('enter', container, callback);
+ * ```
+ *
+ * @param {string} event the animation event (e.g. enter, leave, move, addClass, removeClass, etc...)
+ * @param {DOMElement=} container the container element the event listener was placed on
+ * @param {Function=} callback the callback function that was registered as the listener
+ */
+ off: $$animateQueue.off,
+
+ /**
+ * @ngdoc method
+ * @name $animate#pin
+ * @kind function
+ * @description Associates the provided element with a host parent element to allow the element to be animated even if it exists
+ * outside of the DOM structure of the Angular application. By doing so, any animation triggered via `$animate` can be issued on the
+ * element despite being outside the realm of the application or within another application. Say for example if the application
+ * was bootstrapped on an element that is somewhere inside of the `` tag, but we wanted to allow for an element to be situated
+ * as a direct child of `document.body`, then this can be achieved by pinning the element via `$animate.pin(element)`. Keep in mind
+ * that calling `$animate.pin(element, parentElement)` will not actually insert into the DOM anywhere; it will just create the association.
+ *
+ * Note that this feature is only active when the `ngAnimate` module is used.
+ *
+ * @param {DOMElement} element the external element that will be pinned
+ * @param {DOMElement} parentElement the host parent element that will be associated with the external element
+ */
+ pin: $$animateQueue.pin,
+
+ /**
+ *
+ * @ngdoc method
+ * @name $animate#enabled
+ * @kind function
+ * @description Used to get and set whether animations are enabled or not on the entire application or on an element and its children. This
+ * function can be called in four ways:
+ *
+ * ```js
+ * // returns true or false
+ * $animate.enabled();
+ *
+ * // changes the enabled state for all animations
+ * $animate.enabled(false);
+ * $animate.enabled(true);
+ *
+ * // returns true or false if animations are enabled for an element
+ * $animate.enabled(element);
+ *
+ * // changes the enabled state for an element and its children
+ * $animate.enabled(element, true);
+ * $animate.enabled(element, false);
+ * ```
+ *
+ * @param {DOMElement=} element the element that will be considered for checking/setting the enabled state
+ * @param {boolean=} enabled whether or not the animations will be enabled for the element
+ *
+ * @return {boolean} whether or not animations are enabled
+ */
+ enabled: $$animateQueue.enabled,
+
+ /**
+ * @ngdoc method
+ * @name $animate#cancel
+ * @kind function
+ * @description Cancels the provided animation.
+ *
+ * @param {Promise} animationPromise The animation promise that is returned when an animation is started.
+ */
+ cancel: function(runner) {
+ runner.end && runner.end();
+ },
+
+ /**
+ *
+ * @ngdoc method
+ * @name $animate#enter
+ * @kind function
+ * @description Inserts the element into the DOM either after the `after` element (if provided) or
+ * as the first child within the `parent` element and then triggers an animation.
+ * A promise is returned that will be resolved during the next digest once the animation
+ * has completed.
+ *
+ * @param {DOMElement} element the element which will be inserted into the DOM
+ * @param {DOMElement} parent the parent element which will append the element as
+ * a child (so long as the after element is not present)
+ * @param {DOMElement=} after the sibling element after which the element will be appended
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ enter: function(element, parent, after, options) {
+ parent = parent && jqLite(parent);
+ after = after && jqLite(after);
+ parent = parent || after.parent();
+ domInsert(element, parent, after);
+ return $$animateQueue.push(element, 'enter', prepareAnimateOptions(options));
+ },
+
+ /**
+ *
+ * @ngdoc method
+ * @name $animate#move
+ * @kind function
+ * @description Inserts (moves) the element into its new position in the DOM either after
+ * the `after` element (if provided) or as the first child within the `parent` element
+ * and then triggers an animation. A promise is returned that will be resolved
+ * during the next digest once the animation has completed.
+ *
+ * @param {DOMElement} element the element which will be moved into the new DOM position
+ * @param {DOMElement} parent the parent element which will append the element as
+ * a child (so long as the after element is not present)
+ * @param {DOMElement=} after the sibling element after which the element will be appended
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ move: function(element, parent, after, options) {
+ parent = parent && jqLite(parent);
+ after = after && jqLite(after);
+ parent = parent || after.parent();
+ domInsert(element, parent, after);
+ return $$animateQueue.push(element, 'move', prepareAnimateOptions(options));
+ },
+
+ /**
+ * @ngdoc method
+ * @name $animate#leave
+ * @kind function
+ * @description Triggers an animation and then removes the element from the DOM.
+ * When the function is called a promise is returned that will be resolved during the next
+ * digest once the animation has completed.
+ *
+ * @param {DOMElement} element the element which will be removed from the DOM
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ leave: function(element, options) {
+ return $$animateQueue.push(element, 'leave', prepareAnimateOptions(options), function() {
+ element.remove();
+ });
+ },
+
+ /**
+ * @ngdoc method
+ * @name $animate#addClass
+ * @kind function
+ *
+ * @description Triggers an addClass animation surrounding the addition of the provided CSS class(es). Upon
+ * execution, the addClass operation will only be handled after the next digest and it will not trigger an
+ * animation if element already contains the CSS class or if the class is removed at a later step.
+ * Note that class-based animations are treated differently compared to structural animations
+ * (like enter, move and leave) since the CSS classes may be added/removed at different points
+ * depending if CSS or JavaScript animations are used.
+ *
+ * @param {DOMElement} element the element which the CSS classes will be applied to
+ * @param {string} className the CSS class(es) that will be added (multiple classes are separated via spaces)
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ addClass: function(element, className, options) {
+ options = prepareAnimateOptions(options);
+ options.addClass = mergeClasses(options.addclass, className);
+ return $$animateQueue.push(element, 'addClass', options);
+ },
+
+ /**
+ * @ngdoc method
+ * @name $animate#removeClass
+ * @kind function
+ *
+ * @description Triggers a removeClass animation surrounding the removal of the provided CSS class(es). Upon
+ * execution, the removeClass operation will only be handled after the next digest and it will not trigger an
+ * animation if element does not contain the CSS class or if the class is added at a later step.
+ * Note that class-based animations are treated differently compared to structural animations
+ * (like enter, move and leave) since the CSS classes may be added/removed at different points
+ * depending if CSS or JavaScript animations are used.
+ *
+ * @param {DOMElement} element the element which the CSS classes will be applied to
+ * @param {string} className the CSS class(es) that will be removed (multiple classes are separated via spaces)
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ removeClass: function(element, className, options) {
+ options = prepareAnimateOptions(options);
+ options.removeClass = mergeClasses(options.removeClass, className);
+ return $$animateQueue.push(element, 'removeClass', options);
+ },
+
+ /**
+ * @ngdoc method
+ * @name $animate#setClass
+ * @kind function
+ *
+ * @description Performs both the addition and removal of a CSS classes on an element and (during the process)
+ * triggers an animation surrounding the class addition/removal. Much like `$animate.addClass` and
+ * `$animate.removeClass`, `setClass` will only evaluate the classes being added/removed once a digest has
+ * passed. Note that class-based animations are treated differently compared to structural animations
+ * (like enter, move and leave) since the CSS classes may be added/removed at different points
+ * depending if CSS or JavaScript animations are used.
+ *
+ * @param {DOMElement} element the element which the CSS classes will be applied to
+ * @param {string} add the CSS class(es) that will be added (multiple classes are separated via spaces)
+ * @param {string} remove the CSS class(es) that will be removed (multiple classes are separated via spaces)
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ setClass: function(element, add, remove, options) {
+ options = prepareAnimateOptions(options);
+ options.addClass = mergeClasses(options.addClass, add);
+ options.removeClass = mergeClasses(options.removeClass, remove);
+ return $$animateQueue.push(element, 'setClass', options);
+ },
+
+ /**
+ * @ngdoc method
+ * @name $animate#animate
+ * @kind function
+ *
+ * @description Performs an inline animation on the element which applies the provided to and from CSS styles to the element.
+ * If any detected CSS transition, keyframe or JavaScript matches the provided className value then the animation will take
+ * on the provided styles. For example, if a transition animation is set for the given className then the provided from and
+ * to styles will be applied alongside the given transition. If a JavaScript animation is detected then the provided styles
+ * will be given in as function paramters into the `animate` method (or as apart of the `options` parameter).
+ *
+ * @param {DOMElement} element the element which the CSS styles will be applied to
+ * @param {object} from the from (starting) CSS styles that will be applied to the element and across the animation.
+ * @param {object} to the to (destination) CSS styles that will be applied to the element and across the animation.
+ * @param {string=} className an optional CSS class that will be applied to the element for the duration of the animation. If
+ * this value is left as empty then a CSS class of `ng-inline-animate` will be applied to the element.
+ * (Note that if no animation is detected then this value will not be appplied to the element.)
+ * @param {object=} options an optional collection of options/styles that will be applied to the element
+ *
+ * @return {Promise} the animation callback promise
+ */
+ animate: function(element, from, to, className, options) {
+ options = prepareAnimateOptions(options);
+ options.from = options.from ? extend(options.from, from) : from;
+ options.to = options.to ? extend(options.to, to) : to;
+
+ className = className || 'ng-inline-animate';
+ options.tempClasses = mergeClasses(options.tempClasses, className);
+ return $$animateQueue.push(element, 'animate', options);
+ }
+ };
+ }];
+}];
+
+/**
+ * @ngdoc service
+ * @name $animateCss
+ * @kind object
+ *
+ * @description
+ * This is the core version of `$animateCss`. By default, only when the `ngAnimate` is included,
+ * then the `$animateCss` service will actually perform animations.
+ *
+ * Click here {@link ngAnimate.$animateCss to read the documentation for $animateCss}.
+ */
+var $CoreAnimateCssProvider = function() {
+ this.$get = ['$$rAF', '$q', function($$rAF, $q) {
+
+ var RAFPromise = function() {};
+ RAFPromise.prototype = {
+ done: function(cancel) {
+ this.defer && this.defer[cancel === true ? 'reject' : 'resolve']();
+ },
+ end: function() {
+ this.done();
+ },
+ cancel: function() {
+ this.done(true);
+ },
+ getPromise: function() {
+ if (!this.defer) {
+ this.defer = $q.defer();
+ }
+ return this.defer.promise;
+ },
+ then: function(f1,f2) {
+ return this.getPromise().then(f1,f2);
+ },
+ 'catch': function(f1) {
+ return this.getPromise()['catch'](f1);
+ },
+ 'finally': function(f1) {
+ return this.getPromise()['finally'](f1);
+ }
+ };
+
+ return function(element, options) {
+ if (options.from) {
+ element.css(options.from);
+ options.from = null;
+ }
+
+ var closed, runner = new RAFPromise();
+ return {
+ start: run,
+ end: run
+ };
+
+ function run() {
+ $$rAF(function() {
+ close();
+ if (!closed) {
+ runner.done();
+ }
+ closed = true;
+ });
+ return runner;
+ }
+
+ function close() {
+ if (options.addClass) {
+ element.addClass(options.addClass);
+ options.addClass = null;
+ }
+ if (options.removeClass) {
+ element.removeClass(options.removeClass);
+ options.removeClass = null;
+ }
+ if (options.to) {
+ element.css(options.to);
+ options.to = null;
+ }
+ }
+ };
+ }];
+};
+
+/* global stripHash: true */
+
+/**
+ * ! This is a private undocumented service !
+ *
+ * @name $browser
+ * @requires $log
+ * @description
+ * This object has two goals:
+ *
+ * - hide all the global state in the browser caused by the window object
+ * - abstract away all the browser specific features and inconsistencies
+ *
+ * For tests we provide {@link ngMock.$browser mock implementation} of the `$browser`
+ * service, which can be used for convenient testing of the application without the interaction with
+ * the real browser apis.
+ */
+/**
+ * @param {object} window The global window object.
+ * @param {object} document jQuery wrapped document.
+ * @param {object} $log window.console or an object with the same interface.
+ * @param {object} $sniffer $sniffer service
+ */
+function Browser(window, document, $log, $sniffer) {
+ var self = this,
+ rawDocument = document[0],
+ location = window.location,
+ history = window.history,
+ setTimeout = window.setTimeout,
+ clearTimeout = window.clearTimeout,
+ pendingDeferIds = {};
+
+ self.isMock = false;
+
+ var outstandingRequestCount = 0;
+ var outstandingRequestCallbacks = [];
+
+ // TODO(vojta): remove this temporary api
+ self.$$completeOutstandingRequest = completeOutstandingRequest;
+ self.$$incOutstandingRequestCount = function() { outstandingRequestCount++; };
+
+ /**
+ * Executes the `fn` function(supports currying) and decrements the `outstandingRequestCallbacks`
+ * counter. If the counter reaches 0, all the `outstandingRequestCallbacks` are executed.
+ */
+ function completeOutstandingRequest(fn) {
+ try {
+ fn.apply(null, sliceArgs(arguments, 1));
+ } finally {
+ outstandingRequestCount--;
+ if (outstandingRequestCount === 0) {
+ while (outstandingRequestCallbacks.length) {
+ try {
+ outstandingRequestCallbacks.pop()();
+ } catch (e) {
+ $log.error(e);
+ }
+ }
+ }
+ }
+ }
+
+ function getHash(url) {
+ var index = url.indexOf('#');
+ return index === -1 ? '' : url.substr(index);
+ }
+
+ /**
+ * @private
+ * Note: this method is used only by scenario runner
+ * TODO(vojta): prefix this method with $$ ?
+ * @param {function()} callback Function that will be called when no outstanding request
+ */
+ self.notifyWhenNoOutstandingRequests = function(callback) {
+ if (outstandingRequestCount === 0) {
+ callback();
+ } else {
+ outstandingRequestCallbacks.push(callback);
+ }
+ };
+
+ //////////////////////////////////////////////////////////////
+ // URL API
+ //////////////////////////////////////////////////////////////
+
+ var cachedState, lastHistoryState,
+ lastBrowserUrl = location.href,
+ baseElement = document.find('base'),
+ reloadLocation = null;
+
+ cacheState();
+ lastHistoryState = cachedState;
+
+ /**
+ * @name $browser#url
+ *
+ * @description
+ * GETTER:
+ * Without any argument, this method just returns current value of location.href.
+ *
+ * SETTER:
+ * With at least one argument, this method sets url to new value.
+ * If html5 history api supported, pushState/replaceState is used, otherwise
+ * location.href/location.replace is used.
+ * Returns its own instance to allow chaining
+ *
+ * NOTE: this api is intended for use only by the $location service. Please use the
+ * {@link ng.$location $location service} to change url.
+ *
+ * @param {string} url New url (when used as setter)
+ * @param {boolean=} replace Should new url replace current history record?
+ * @param {object=} state object to use with pushState/replaceState
+ */
+ self.url = function(url, replace, state) {
+ // In modern browsers `history.state` is `null` by default; treating it separately
+ // from `undefined` would cause `$browser.url('/foo')` to change `history.state`
+ // to undefined via `pushState`. Instead, let's change `undefined` to `null` here.
+ if (isUndefined(state)) {
+ state = null;
+ }
+
+ // Android Browser BFCache causes location, history reference to become stale.
+ if (location !== window.location) location = window.location;
+ if (history !== window.history) history = window.history;
+
+ // setter
+ if (url) {
+ var sameState = lastHistoryState === state;
+
+ // Don't change anything if previous and current URLs and states match. This also prevents
+ // IE<10 from getting into redirect loop when in LocationHashbangInHtml5Url mode.
+ // See https://github.com/angular/angular.js/commit/ffb2701
+ if (lastBrowserUrl === url && (!$sniffer.history || sameState)) {
+ return self;
+ }
+ var sameBase = lastBrowserUrl && stripHash(lastBrowserUrl) === stripHash(url);
+ lastBrowserUrl = url;
+ lastHistoryState = state;
+ // Don't use history API if only the hash changed
+ // due to a bug in IE10/IE11 which leads
+ // to not firing a `hashchange` nor `popstate` event
+ // in some cases (see #9143).
+ if ($sniffer.history && (!sameBase || !sameState)) {
+ history[replace ? 'replaceState' : 'pushState'](state, '', url);
+ cacheState();
+ // Do the assignment again so that those two variables are referentially identical.
+ lastHistoryState = cachedState;
+ } else {
+ if (!sameBase || reloadLocation) {
+ reloadLocation = url;
+ }
+ if (replace) {
+ location.replace(url);
+ } else if (!sameBase) {
+ location.href = url;
+ } else {
+ location.hash = getHash(url);
+ }
+ }
+ return self;
+ // getter
+ } else {
+ // - reloadLocation is needed as browsers don't allow to read out
+ // the new location.href if a reload happened.
+ // - the replacement is a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=407172
+ return reloadLocation || location.href.replace(/%27/g,"'");
+ }
+ };
+
+ /**
+ * @name $browser#state
+ *
+ * @description
+ * This method is a getter.
+ *
+ * Return history.state or null if history.state is undefined.
+ *
+ * @returns {object} state
+ */
+ self.state = function() {
+ return cachedState;
+ };
+
+ var urlChangeListeners = [],
+ urlChangeInit = false;
+
+ function cacheStateAndFireUrlChange() {
+ cacheState();
+ fireUrlChange();
+ }
+
+ function getCurrentState() {
+ try {
+ return history.state;
+ } catch (e) {
+ // MSIE can reportedly throw when there is no state (UNCONFIRMED).
+ }
+ }
+
+ // This variable should be used *only* inside the cacheState function.
+ var lastCachedState = null;
+ function cacheState() {
+ // This should be the only place in $browser where `history.state` is read.
+ cachedState = getCurrentState();
+ cachedState = isUndefined(cachedState) ? null : cachedState;
+
+ // Prevent callbacks fo fire twice if both hashchange & popstate were fired.
+ if (equals(cachedState, lastCachedState)) {
+ cachedState = lastCachedState;
+ }
+ lastCachedState = cachedState;
+ }
+
+ function fireUrlChange() {
+ if (lastBrowserUrl === self.url() && lastHistoryState === cachedState) {
+ return;
+ }
+
+ lastBrowserUrl = self.url();
+ lastHistoryState = cachedState;
+ forEach(urlChangeListeners, function(listener) {
+ listener(self.url(), cachedState);
+ });
+ }
+
+ /**
+ * @name $browser#onUrlChange
+ *
+ * @description
+ * Register callback function that will be called, when url changes.
+ *
+ * It's only called when the url is changed from outside of angular:
+ * - user types different url into address bar
+ * - user clicks on history (forward/back) button
+ * - user clicks on a link
+ *
+ * It's not called when url is changed by $browser.url() method
+ *
+ * The listener gets called with new url as parameter.
+ *
+ * NOTE: this api is intended for use only by the $location service. Please use the
+ * {@link ng.$location $location service} to monitor url changes in angular apps.
+ *
+ * @param {function(string)} listener Listener function to be called when url changes.
+ * @return {function(string)} Returns the registered listener fn - handy if the fn is anonymous.
+ */
+ self.onUrlChange = function(callback) {
+ // TODO(vojta): refactor to use node's syntax for events
+ if (!urlChangeInit) {
+ // We listen on both (hashchange/popstate) when available, as some browsers (e.g. Opera)
+ // don't fire popstate when user change the address bar and don't fire hashchange when url
+ // changed by push/replaceState
+
+ // html5 history api - popstate event
+ if ($sniffer.history) jqLite(window).on('popstate', cacheStateAndFireUrlChange);
+ // hashchange event
+ jqLite(window).on('hashchange', cacheStateAndFireUrlChange);
+
+ urlChangeInit = true;
+ }
+
+ urlChangeListeners.push(callback);
+ return callback;
+ };
+
+ /**
+ * @private
+ * Remove popstate and hashchange handler from window.
+ *
+ * NOTE: this api is intended for use only by $rootScope.
+ */
+ self.$$applicationDestroyed = function() {
+ jqLite(window).off('hashchange popstate', cacheStateAndFireUrlChange);
+ };
+
+ /**
+ * Checks whether the url has changed outside of Angular.
+ * Needs to be exported to be able to check for changes that have been done in sync,
+ * as hashchange/popstate events fire in async.
+ */
+ self.$$checkUrlChange = fireUrlChange;
+
+ //////////////////////////////////////////////////////////////
+ // Misc API
+ //////////////////////////////////////////////////////////////
+
+ /**
+ * @name $browser#baseHref
+ *
+ * @description
+ * Returns current
+ * (always relative - without domain)
+ *
+ * @returns {string} The current base href
+ */
+ self.baseHref = function() {
+ var href = baseElement.attr('href');
+ return href ? href.replace(/^(https?\:)?\/\/[^\/]*/, '') : '';
+ };
+
+ /**
+ * @name $browser#defer
+ * @param {function()} fn A function, who's execution should be deferred.
+ * @param {number=} [delay=0] of milliseconds to defer the function execution.
+ * @returns {*} DeferId that can be used to cancel the task via `$browser.defer.cancel()`.
+ *
+ * @description
+ * Executes a fn asynchronously via `setTimeout(fn, delay)`.
+ *
+ * Unlike when calling `setTimeout` directly, in test this function is mocked and instead of using
+ * `setTimeout` in tests, the fns are queued in an array, which can be programmatically flushed
+ * via `$browser.defer.flush()`.
+ *
+ */
+ self.defer = function(fn, delay) {
+ var timeoutId;
+ outstandingRequestCount++;
+ timeoutId = setTimeout(function() {
+ delete pendingDeferIds[timeoutId];
+ completeOutstandingRequest(fn);
+ }, delay || 0);
+ pendingDeferIds[timeoutId] = true;
+ return timeoutId;
+ };
+
+
+ /**
+ * @name $browser#defer.cancel
+ *
+ * @description
+ * Cancels a deferred task identified with `deferId`.
+ *
+ * @param {*} deferId Token returned by the `$browser.defer` function.
+ * @returns {boolean} Returns `true` if the task hasn't executed yet and was successfully
+ * canceled.
+ */
+ self.defer.cancel = function(deferId) {
+ if (pendingDeferIds[deferId]) {
+ delete pendingDeferIds[deferId];
+ clearTimeout(deferId);
+ completeOutstandingRequest(noop);
+ return true;
+ }
+ return false;
+ };
+
+}
+
+function $BrowserProvider() {
+ this.$get = ['$window', '$log', '$sniffer', '$document',
+ function($window, $log, $sniffer, $document) {
+ return new Browser($window, $document, $log, $sniffer);
+ }];
+}
+
+/**
+ * @ngdoc service
+ * @name $cacheFactory
+ *
+ * @description
+ * Factory that constructs {@link $cacheFactory.Cache Cache} objects and gives access to
+ * them.
+ *
+ * ```js
+ *
+ * var cache = $cacheFactory('cacheId');
+ * expect($cacheFactory.get('cacheId')).toBe(cache);
+ * expect($cacheFactory.get('noSuchCacheId')).not.toBeDefined();
+ *
+ * cache.put("key", "value");
+ * cache.put("another key", "another value");
+ *
+ * // We've specified no options on creation
+ * expect(cache.info()).toEqual({id: 'cacheId', size: 2});
+ *
+ * ```
+ *
+ *
+ * @param {string} cacheId Name or id of the newly created cache.
+ * @param {object=} options Options object that specifies the cache behavior. Properties:
+ *
+ * - `{number=}` `capacity` — turns the cache into LRU cache.
+ *
+ * @returns {object} Newly created cache object with the following set of methods:
+ *
+ * - `{object}` `info()` — Returns id, size, and options of cache.
+ * - `{{*}}` `put({string} key, {*} value)` — Puts a new key-value pair into the cache and returns
+ * it.
+ * - `{{*}}` `get({string} key)` — Returns cached value for `key` or undefined for cache miss.
+ * - `{void}` `remove({string} key)` — Removes a key-value pair from the cache.
+ * - `{void}` `removeAll()` — Removes all cached values.
+ * - `{void}` `destroy()` — Removes references to this cache from $cacheFactory.
+ *
+ * @example
+
+
+
+
+
+
+
+
Cached Values
+
+
+ :
+
+
+
+
Cache Info
+
+
+ :
+
+
+
+ * - **id**: the id of the cache instance
+ * - **size**: the number of entries kept in the cache instance
+ * - **...**: any additional properties from the options object when creating the
+ * cache.
+ *
+ */
+ info: function() {
+ return extend({}, stats, {size: size});
+ }
+ };
+
+
+ /**
+ * makes the `entry` the freshEnd of the LRU linked list
+ */
+ function refresh(entry) {
+ if (entry != freshEnd) {
+ if (!staleEnd) {
+ staleEnd = entry;
+ } else if (staleEnd == entry) {
+ staleEnd = entry.n;
+ }
+
+ link(entry.n, entry.p);
+ link(entry, freshEnd);
+ freshEnd = entry;
+ freshEnd.n = null;
+ }
+ }
+
+
+ /**
+ * bidirectionally links two entries of the LRU linked list
+ */
+ function link(nextEntry, prevEntry) {
+ if (nextEntry != prevEntry) {
+ if (nextEntry) nextEntry.p = prevEntry; //p stands for previous, 'prev' didn't minify
+ if (prevEntry) prevEntry.n = nextEntry; //n stands for next, 'next' didn't minify
+ }
+ }
+ }
+
+
+ /**
+ * @ngdoc method
+ * @name $cacheFactory#info
+ *
+ * @description
+ * Get information about all the caches that have been created
+ *
+ * @returns {Object} - key-value map of `cacheId` to the result of calling `cache#info`
+ */
+ cacheFactory.info = function() {
+ var info = {};
+ forEach(caches, function(cache, cacheId) {
+ info[cacheId] = cache.info();
+ });
+ return info;
+ };
+
+
+ /**
+ * @ngdoc method
+ * @name $cacheFactory#get
+ *
+ * @description
+ * Get access to a cache object by the `cacheId` used when it was created.
+ *
+ * @param {string} cacheId Name or id of a cache to access.
+ * @returns {object} Cache object identified by the cacheId or undefined if no such cache.
+ */
+ cacheFactory.get = function(cacheId) {
+ return caches[cacheId];
+ };
+
+
+ return cacheFactory;
+ };
+}
+
+/**
+ * @ngdoc service
+ * @name $templateCache
+ *
+ * @description
+ * The first time a template is used, it is loaded in the template cache for quick retrieval. You
+ * can load templates directly into the cache in a `script` tag, or by consuming the
+ * `$templateCache` service directly.
+ *
+ * Adding via the `script` tag:
+ *
+ * ```html
+ *
+ * ```
+ *
+ * **Note:** the `script` tag containing the template does not need to be included in the `head` of
+ * the document, but it must be a descendent of the {@link ng.$rootElement $rootElement} (IE,
+ * element with ng-app attribute), otherwise the template will be ignored.
+ *
+ * Adding via the `$templateCache` service:
+ *
+ * ```js
+ * var myApp = angular.module('myApp', []);
+ * myApp.run(function($templateCache) {
+ * $templateCache.put('templateId.html', 'This is the content of the template');
+ * });
+ * ```
+ *
+ * To retrieve the template later, simply use it in your HTML:
+ * ```html
+ *
+ * ```
+ *
+ * or get it via Javascript:
+ * ```js
+ * $templateCache.get('templateId.html')
+ * ```
+ *
+ * See {@link ng.$cacheFactory $cacheFactory}.
+ *
+ */
+function $TemplateCacheProvider() {
+ this.$get = ['$cacheFactory', function($cacheFactory) {
+ return $cacheFactory('templates');
+ }];
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Any commits to this file should be reviewed with security in mind. *
+ * Changes to this file can potentially create security vulnerabilities. *
+ * An approval from 2 Core members with history of modifying *
+ * this file is required. *
+ * *
+ * Does the change somehow allow for arbitrary javascript to be executed? *
+ * Or allows for someone to change the prototype of built-in objects? *
+ * Or gives undesired access to variables likes document or window? *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/* ! VARIABLE/FUNCTION NAMING CONVENTIONS THAT APPLY TO THIS FILE!
+ *
+ * DOM-related variables:
+ *
+ * - "node" - DOM Node
+ * - "element" - DOM Element or Node
+ * - "$node" or "$element" - jqLite-wrapped node or element
+ *
+ *
+ * Compiler related stuff:
+ *
+ * - "linkFn" - linking fn of a single directive
+ * - "nodeLinkFn" - function that aggregates all linking fns for a particular node
+ * - "childLinkFn" - function that aggregates all linking fns for child nodes of a particular node
+ * - "compositeLinkFn" - function that aggregates all linking fns for a compilation root (nodeList)
+ */
+
+
+/**
+ * @ngdoc service
+ * @name $compile
+ * @kind function
+ *
+ * @description
+ * Compiles an HTML string or DOM into a template and produces a template function, which
+ * can then be used to link {@link ng.$rootScope.Scope `scope`} and the template together.
+ *
+ * The compilation is a process of walking the DOM tree and matching DOM elements to
+ * {@link ng.$compileProvider#directive directives}.
+ *
+ *
+ * **Note:** This document is an in-depth reference of all directive options.
+ * For a gentle introduction to directives with examples of common use cases,
+ * see the {@link guide/directive directive guide}.
+ *
+ *
+ * ## Comprehensive Directive API
+ *
+ * There are many different options for a directive.
+ *
+ * The difference resides in the return value of the factory function.
+ * You can either return a "Directive Definition Object" (see below) that defines the directive properties,
+ * or just the `postLink` function (all other properties will have the default values).
+ *
+ *
+ * **Best Practice:** It's recommended to use the "directive definition object" form.
+ *
+ *
+ * Here's an example directive declared with a Directive Definition Object:
+ *
+ * ```js
+ * var myModule = angular.module(...);
+ *
+ * myModule.directive('directiveName', function factory(injectables) {
+ * var directiveDefinitionObject = {
+ * priority: 0,
+ * template: '', // or // function(tElement, tAttrs) { ... },
+ * // or
+ * // templateUrl: 'directive.html', // or // function(tElement, tAttrs) { ... },
+ * transclude: false,
+ * restrict: 'A',
+ * templateNamespace: 'html',
+ * scope: false,
+ * controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... },
+ * controllerAs: 'stringIdentifier',
+ * bindToController: false,
+ * require: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],
+ * compile: function compile(tElement, tAttrs, transclude) {
+ * return {
+ * pre: function preLink(scope, iElement, iAttrs, controller) { ... },
+ * post: function postLink(scope, iElement, iAttrs, controller) { ... }
+ * }
+ * // or
+ * // return function postLink( ... ) { ... }
+ * },
+ * // or
+ * // link: {
+ * // pre: function preLink(scope, iElement, iAttrs, controller) { ... },
+ * // post: function postLink(scope, iElement, iAttrs, controller) { ... }
+ * // }
+ * // or
+ * // link: function postLink( ... ) { ... }
+ * };
+ * return directiveDefinitionObject;
+ * });
+ * ```
+ *
+ *
+ * **Note:** Any unspecified options will use the default value. You can see the default values below.
+ *
+ *
+ * Therefore the above can be simplified as:
+ *
+ * ```js
+ * var myModule = angular.module(...);
+ *
+ * myModule.directive('directiveName', function factory(injectables) {
+ * var directiveDefinitionObject = {
+ * link: function postLink(scope, iElement, iAttrs) { ... }
+ * };
+ * return directiveDefinitionObject;
+ * // or
+ * // return function postLink(scope, iElement, iAttrs) { ... }
+ * });
+ * ```
+ *
+ *
+ *
+ * ### Directive Definition Object
+ *
+ * The directive definition object provides instructions to the {@link ng.$compile
+ * compiler}. The attributes are:
+ *
+ * #### `multiElement`
+ * When this property is set to true, the HTML compiler will collect DOM nodes between
+ * nodes with the attributes `directive-name-start` and `directive-name-end`, and group them
+ * together as the directive elements. It is recommended that this feature be used on directives
+ * which are not strictly behavioural (such as {@link ngClick}), and which
+ * do not manipulate or replace child nodes (such as {@link ngInclude}).
+ *
+ * #### `priority`
+ * When there are multiple directives defined on a single DOM element, sometimes it
+ * is necessary to specify the order in which the directives are applied. The `priority` is used
+ * to sort the directives before their `compile` functions get called. Priority is defined as a
+ * number. Directives with greater numerical `priority` are compiled first. Pre-link functions
+ * are also run in priority order, but post-link functions are run in reverse order. The order
+ * of directives with the same priority is undefined. The default priority is `0`.
+ *
+ * #### `terminal`
+ * If set to true then the current `priority` will be the last set of directives
+ * which will execute (any directives at the current priority will still execute
+ * as the order of execution on same `priority` is undefined). Note that expressions
+ * and other directives used in the directive's template will also be excluded from execution.
+ *
+ * #### `scope`
+ * **If set to `true`,** then a new scope will be created for this directive. If multiple directives on the
+ * same element request a new scope, only one new scope is created. The new scope rule does not
+ * apply for the root of the template since the root of the template always gets a new scope.
+ *
+ * **If set to `{}` (object hash),** then a new "isolate" scope is created. The 'isolate' scope differs from
+ * normal scope in that it does not prototypically inherit from the parent scope. This is useful
+ * when creating reusable components, which should not accidentally read or modify data in the
+ * parent scope.
+ *
+ * The 'isolate' scope takes an object hash which defines a set of local scope properties
+ * derived from the parent scope. These local properties are useful for aliasing values for
+ * templates. Locals definition is a hash of local scope property to its source:
+ *
+ * * `@` or `@attr` - bind a local scope property to the value of DOM attribute. The result is
+ * always a string since DOM attributes are strings. If no `attr` name is specified then the
+ * attribute name is assumed to be the same as the local name.
+ * Given `` and widget definition
+ * of `scope: { localName:'@myAttr' }`, then widget scope property `localName` will reflect
+ * the interpolated value of `hello {{name}}`. As the `name` attribute changes so will the
+ * `localName` property on the widget scope. The `name` is read from the parent scope (not
+ * component scope).
+ *
+ * * `=` or `=attr` - set up bi-directional binding between a local scope property and the
+ * parent scope property of name defined via the value of the `attr` attribute. If no `attr`
+ * name is specified then the attribute name is assumed to be the same as the local name.
+ * Given `` and widget definition of
+ * `scope: { localModel:'=myAttr' }`, then widget scope property `localModel` will reflect the
+ * value of `parentModel` on the parent scope. Any changes to `parentModel` will be reflected
+ * in `localModel` and any changes in `localModel` will reflect in `parentModel`. If the parent
+ * scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You
+ * can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional. If
+ * you want to shallow watch for changes (i.e. $watchCollection instead of $watch) you can use
+ * `=*` or `=*attr` (`=*?` or `=*?attr` if the property is optional).
+ *
+ * * `&` or `&attr` - provides a way to execute an expression in the context of the parent scope.
+ * If no `attr` name is specified then the attribute name is assumed to be the same as the
+ * local name. Given `` and widget definition of
+ * `scope: { localFn:'&myAttr' }`, then isolate scope property `localFn` will point to
+ * a function wrapper for the `count = count + value` expression. Often it's desirable to
+ * pass data from the isolated scope via an expression to the parent scope, this can be
+ * done by passing a map of local variable names and values into the expression wrapper fn.
+ * For example, if the expression is `increment(amount)` then we can specify the amount value
+ * by calling the `localFn` as `localFn({amount: 22})`.
+ *
+ *
+ * #### `bindToController`
+ * When an isolate scope is used for a component (see above), and `controllerAs` is used, `bindToController: true` will
+ * allow a component to have its properties bound to the controller, rather than to scope. When the controller
+ * is instantiated, the initial values of the isolate scope bindings are already available.
+ *
+ * #### `controller`
+ * Controller constructor function. The controller is instantiated before the
+ * pre-linking phase and it is shared with other directives (see
+ * `require` attribute). This allows the directives to communicate with each other and augment
+ * each other's behavior. The controller is injectable (and supports bracket notation) with the following locals:
+ *
+ * * `$scope` - Current scope associated with the element
+ * * `$element` - Current element
+ * * `$attrs` - Current attributes object for the element
+ * * `$transclude` - A transclude linking function pre-bound to the correct transclusion scope:
+ * `function([scope], cloneLinkingFn, futureParentElement)`.
+ * * `scope`: optional argument to override the scope.
+ * * `cloneLinkingFn`: optional argument to create clones of the original transcluded content.
+ * * `futureParentElement`:
+ * * defines the parent to which the `cloneLinkingFn` will add the cloned elements.
+ * * default: `$element.parent()` resp. `$element` for `transclude:'element'` resp. `transclude:true`.
+ * * only needed for transcludes that are allowed to contain non html elements (e.g. SVG elements)
+ * and when the `cloneLinkinFn` is passed,
+ * as those elements need to created and cloned in a special way when they are defined outside their
+ * usual containers (e.g. like `