Otaku-Projects / AngularJS-CRUD-PHP

    // http://prismjs.com/extending.html#highlight-all

    // Rerun Prism syntax highlighting on the current page

    // http://prismjs.com/plugins/normalize-whitespace/

    Prism.plugins.NormalizeWhitespace.setDefaults({

        // 'remove-trailing': true,

        // 'remove-indent': true,

        'left-trim': true,

        // 'right-trim': true,

        /*'break-lines': 80,

        'indent': 2,

        'remove-initial-line-feed': false,

        'tabs-to-spaces': 4,

        'spaces-to-tabs': 4*/

    });

	$rootScope.imageShowcaseCounter = 0;

    // multi-language setting

    // $rootScope.langInstance = new Lang();

    // $rootScope.langInstance.init({

    //     defaultLang: 'en',

    //     currentLang: 'en',

    // });

    // $rootScope.switchLanguage = function(langCode_iso639){

    //     $rootScope.langInstance.change(langCode_iso639)

    // }

    // initial the menu after the ng-include finished

    $rootScope.$on("$includeContentLoaded", function(event, templateName){

    });

    // https://docs.angularjs.org/api/ng/service/$location#events

    $rootScope.$on("$locationChangeStart", function(event, nUrl, oUrl, newState, oldState){

    });

    $rootScope.$on("$locationChangeSuccess", function(event, nUrl, oUrl, newState, oldState){

    });

    // https://docs.angularjs.org/api/ngRoute/directive/ngView#event-$viewContentLoaded

    $rootScope.$on("$viewContentLoaded", function(targetScope){

        Prism.highlightAll();

        Prism.fileHighlight();

        $('.nav-tabs a').click(function (e) {

            e.preventDefault()

            $(this).tab('show')

        })

        // if add <base target="_self"> in index.html, no effect.

        $('.nav-tabs a').attr('target','_self');

    });

    // https://ui-router.github.io/guide/transitions#lifecycle-events

    $transitions.onFinish({}, function(transition) {

        // console.dir("onFinish Transition from " + transition.from().name +

        //   " to " + transition.to().name)

    });

    $transitions.onSuccess({}, function(transition) {

        load_sbAdmin2Js(transition);

		create_custom_modal_listner();

        var pageName = transition.to().name;

		$(".nav-item a").removeClass("active");

		$(".nav-item").removeClass("active");

		$("[ui-sref="+pageName+"]").addClass("active");

		$("[ui-sref="+pageName+"]").parent(".nav-item").addClass("active");

        // multi-language setting

        // $rootScope.langInstance.dynamic('en', '../demo/lang/demoHome.en.json');

        // $rootScope.langInstance.dynamic('zh-hans', '../demo/lang/demoHome.zh-hans.json');

        // $rootScope.langInstance.dynamic('zh-hant', '../demo/lang/demoHome.zh-hant.json');

        // $rootScope.langInstance.dynamic('en', '../demo/lang/'+pageName+'.en.json');

        // $rootScope.langInstance.dynamic('zh-hans', '../demo/lang/'+pageName+'.zh-hans.json');

        // $rootScope.langInstance.dynamic('zh-hant', '../demo/lang/'+pageName+'.zh-hant.json');

        // $rootScope.langInstance.loadPack($rootScope.langInstance.currentLang, function(err, lang, path){

        //     if (!err) {

        //     } else {

        //         console.log("load language pack failure")

        //         console.log(err)

        //         console.log(lang)

        //         console.log(path)

        //     }

        // });

    })

	function create_custom_modal_listner(){

		$(document).on('click', '[data-toggle="lightbox"]', function(event){

			event.preventDefault();

			var jqObj = $(this);

			var jsObj = this;

			var modalObj = extract_modal_info(jqObj, jsObj);

			load_custom_modal(modalObj);

		});

	}

	function extract_modal_info(jqObj, jsObj){

		var modalObj = {

			modalTitle: "",

			modalContent: "",

			modalFooter: ""

		};

		var elementContent = jqObj.html();

		var elementTitle = "";

		var elementFooter = "";

		$.each(this.attributes, function() {

		// this.attributes is not a plain object, but an array

		// of attribute nodes, which contain both the name and value

			if(this.specified) {

				var attrName = this.name;

				var attrValue = this.value;

				if(attrName == "data-title") elementTitle = attrValue;

			}

		});

		modalObj.modalContent = elementContent;

		modalObj.modalTitle = elementTitle;

		modalObj.modalFooter = elementFooter;

		return modalObj;

	}

	function load_custom_modal(modalObj){

		remove_modal();

		create_modal(modalObj);

	}

	function remove_modal(){

		$(".imageShowcaseModal").off();

		$(".imageShowcaseModal").remove();

		$(".modal-backdrop").off();

		$(".modal-backdrop").remove();

	}

	/*

	function create_modal(modalContent, modalTitle, modalFooter){

		if (typeof(modalTitle) == "undefined") modalTitle = "";

		if (typeof(modalFooter) == "undefined") modalFooter = "";

		*/

	function create_modal(modalObj){

		var modalContent = modalObj.modalContent;

		var modalTitle = modalObj.modalTitle;

		var modalFooter = modalObj.modalFooter;

		$rootScope.imageShowcaseCounter += 1;

		var modal_id = "imageShowcase_"+$rootScope.imageShowcaseCounter;

		var modal = ''+

'<div class="modal fade imageShowcaseModal" id="'+modal_id+'" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">'+

  '<div class="modal-dialog modal-full" role="document">'+

    '<div class="modal-content">'+

      '<div class="modal-header">'+

        '<h5 class="modal-title" id="exampleModalLabel">'+modalTitle+'</h5>'+

        '<button type="button" class="close" data-dismiss="modal" aria-label="Close">'+

          '<span aria-hidden="true">&times;</span>'+

        '</button>'+

      '</div>'+

      '<div class="modal-body">'+

	  modalContent+

      '</div>'+

      '<div class="modal-footer">'+

      modalFooter+

      '</div>'+

    '</div>'+

  '</div>'+

'</div>';

		$("body").append(modal);

		$("#"+modal_id).modal('show');

		$("#"+modal_id+" button.close").click(function(){

			$("#"+modal_id).modal('hide');

		})

	}