src/hdalab/templates/renkan_edit.html
changeset 675 d68e7b3a2e4f
parent 647 37220b1a35e2
child 676 111906d4c8b0
equal deleted inserted replaced
674:343b002e5626 675:d68e7b3a2e4f
     9         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
     9         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
    10         <link rel="stylesheet" type="text/css" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
    10         <link rel="stylesheet" type="text/css" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
    11         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />
    11         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />
    12         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/bjqs.css' %}" />
    12         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/bjqs.css' %}" />
    13         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/login.css' %}" />
    13         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/login.css' %}" />
       
    14         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/renkan_video.css' %}" />
       
    15         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/video-js-5.8.6/video-js.css' %}" />
    14 {% endblock %}
    16 {% endblock %}
    15 
    17 
    16 {% block js_import %}
    18 {% block js_import %}
    17 {{block.super}}
    19 {{block.super}}
       
    20         <!-- video-js IE8 support -->
       
    21         <script src="{% static 'hdalab/lib/video-js-5.8.6/ie8/videojs-ie8.min.js' %}"></script>
       
    22         <script src="{% static 'hdalab/lib/video-js-5.8.6/video.min.js' %}"></script>
    18         <script src="{% static 'hdalab/lib/bjqs-1.3.min.js' %}"></script>
    23         <script src="{% static 'hdalab/lib/bjqs-1.3.min.js' %}"></script>
    19         <script src="{% static 'renkanmanager/lib/jquery-ui/jquery-ui.js' %}"></script>
    24         <script src="{% static 'renkanmanager/lib/jquery-ui/jquery-ui.js' %}"></script>
    20         <script src="{% static 'renkanmanager/lib/jquery-mousewheel/jquery.mousewheel.js' %}"></script>
    25         <script src="{% static 'renkanmanager/lib/jquery-mousewheel/jquery.mousewheel.js' %}"></script>
    21         <script src="{% static 'renkanmanager/lib/lodash/lodash.js' %}"></script>
    26         <script src="{% static 'renkanmanager/lib/lodash/lodash.js' %}"></script>
    22         <script src="{% static 'renkanmanager/lib/backbone/backbone.js' %}"></script>
    27         <script src="{% static 'renkanmanager/lib/backbone/backbone.js' %}"></script>
    23         <script src="{% static 'renkanmanager/lib/backbone-relational/backbone-relational.js' %}"></script>
    28         <script src="{% static 'renkanmanager/lib/backbone-relational/backbone-relational.js' %}"></script>
    24         <script src="{% static 'renkanmanager/lib/paper/paper-full.js' %}"></script>
    29         <script src="{% static 'renkanmanager/lib/paper/paper-full.js' %}"></script>
    25         <script type="text/javascript">
    30         <script type="text/javascript">
    26             var require = {
    31              var require = {
    27                 baseUrl: "{% static 'renkanmanager/lib/' %}"
    32                  baseUrl: "{% static 'renkanmanager/lib/' %}"
    28             };
    33              };
    29         </script>
    34         </script>
    30         <script src="{% static 'renkanmanager/lib/requirejs/require.js' %}"></script>
    35         <script src="{% static 'renkanmanager/lib/requirejs/require.js' %}"></script>
    31         <script src="{% static 'renkanmanager/lib/renkan/js/renkan.js' %}"></script>
    36         <script src="{% static 'renkanmanager/lib/renkan/js/renkan.js' %}"></script>
    32         <script src="{% static 'hdalab/js/renkan-manual-save.js' %}"></script>
    37         <script src="{% static 'hdalab/js/renkan-manual-save.js' %}"></script>
    33         <script src="{% static 'hdalab/js/hdalab-renkan-bins.js' %}"></script>
    38         <script src="{% static 'hdalab/js/hdalab-renkan-bins.js' %}"></script>
    34         <script type="text/javascript">
    39         <script type="text/javascript">
    35             var io_options = {}, dialog=false, _rkn;
    40         	var io_options = {}, dialog=false, _rkn;
    36             _.extend(Rkns.i18n.fr, {"Search in Bins": "Rechercher dans les résultats"});
    41             _.extend(Rkns.i18n.fr, {"Search in Bins": "Rechercher dans les résultats"});
    37             function startRenkan(){
    42             function startRenkan(){
    38                 var _renkan = new Rkns.Renkan({
    43                 var _renkan = new Rkns.Renkan({
    39                     manual_save: true,
    44                     manual_save: true,
    40                     show_user_list: false,
    45                     show_user_list: false,
   105                 };
   110                 };
   106                 Rkns.jsonIOSaveOnClick(_renkan, io_options);
   111                 Rkns.jsonIOSaveOnClick(_renkan, io_options);
   107 
   112 
   108                 _rkn = _renkan;
   113                 _rkn = _renkan;
   109             };
   114             };
   110 
   115             
   111             $(function() {
   116             // Closure to fix require.js import mismatch
   112                 var form;
   117 			//(function($){
   113 
   118 			    $(function() {
   114                 dialog = $( "#dialog-form" ).dialog({
   119 	                var form;
   115                     autoOpen: false,
   120 	                dialog = $( "#dialog-form" ).dialog({
   116                     width: 520,
   121 	                    autoOpen: false,
   117                     modal: true,
   122 	                    width: 520,
   118                     create: function (event, ui) {
   123 	                    modal: true,
   119                         $("#login-popup-close").click(function(){
   124 	                    create: function (event, ui) {
   120                             dialog.dialog("close");
   125 	                        $("#login-popup-close").click(function(){
   121                         });
   126 	                            dialog.dialog("close");
   122                     }
   127 	                        });
   123                 });
   128 	                    }
   124 
   129 	                });
   125                 function manageLoginForm(e, form){
   130 
   126                     e.preventDefault();
   131 	                function manageLoginForm(e, form){
   127                     f = $(form);
   132 	                    e.preventDefault();
   128                     $.ajax({
   133 	                    f = $(form);
   129                         type: f.attr("method"),
   134 	                    $.ajax({
   130                         url: f.attr("action"),
   135 	                        type: f.attr("method"),
   131                         data: f.serialize(),
   136 	                        url: f.attr("action"),
   132                         success: function(data, textStatus, jqXHR) {
   137 	                        data: f.serialize(),
   133                             var d = $(data);
   138 	                        success: function(data, textStatus, jqXHR) {
   134                             if(d.hasClass("ok")){
   139 	                            var d = $(data);
   135                                 io_options.login_user = true;
   140 	                            if(d.hasClass("ok")){
   136                                 io_options.user_id= d.attr("id");
   141 	                                io_options.login_user = true;
   137                                 io_options.user_name= $("#username",d).html();
   142 	                                io_options.user_id= d.attr("id");
   138                                 io_options.user_authenticated = true;
   143 	                                io_options.user_name= $("#username",d).html();
   139 
   144 	                                io_options.user_authenticated = true;
   140                                 _rkn.setCurrentUser(io_options.user_id, io_options.user_name);
   145 
   141                                 $("#menu.profile").html(d.html());
   146 	                                _rkn.setCurrentUser(io_options.user_id, io_options.user_name);
   142                                 $(".Rk-Save-Button").click();
   147 	                                $("#menu.profile").html(d.html());
   143                                 dialog.dialog( "close" );
   148 	                                $(".Rk-Save-Button").click();
   144                                 return true;
   149 	                                dialog.dialog( "close" );
   145                             }
   150 	                                return true;
   146                             $("#dialog-form").html(data);
   151 	                            }
   147                             // in case, login failed, we reassign the behaviour
   152 	                            $("#dialog-form").html(data);
   148                             form = dialog.find( "form" ).on( "submit", function( event ) {
   153 	                            // in case, login failed, we reassign the behaviour
   149                                 manageLoginForm(event, this);
   154 	                            form = dialog.find( "form" ).on( "submit", function( event ) {
   150                             });
   155 	                                manageLoginForm(event, this);
   151                             $("#login-popup-close").click(function(){
   156 	                            });
   152                                 dialog.dialog("close");
   157 	                            $("#login-popup-close").click(function(){
   153                             });
   158 	                                dialog.dialog("close");
   154                         }
   159 	                            });
   155                     });
   160 	                        }
   156                 }
   161 	                    });
   157 
   162 	                }
   158                 form = dialog.find( "form" ).on( "submit", function( event ) {
   163 
   159                     manageLoginForm(event, this);
   164 	                form = dialog.find( "form" ).on( "submit", function( event ) {
   160                 });
   165 	                    manageLoginForm(event, this);
   161 
   166 	                });
   162               //help dialog init
   167 
   163                 var help_dialog = $( "#help-container" ).dialog({
   168 	              //help dialog init
   164                     autoOpen: false,
   169 	                var help_dialog = $( "#help-container" ).dialog({
   165                     height: 330,
   170 	                    autoOpen: false,
   166                     width: 880,
   171 	                    height: 330,
   167                     resizable: false,
   172 	                    width: 880,
   168                     draggable: false,
   173 	                    resizable: false,
   169                     create: function (event, ui) {
   174 	                    draggable: false,
   170                         var help_slideshow = $('#help-slideshow').bjqs({
   175 	                    create: function (event, ui) {
   171                             responsive:false,
   176 	                        var help_slideshow = $('#help-slideshow').bjqs({
   172                             height: 320,
   177 	                            responsive:false,
   173                             width: 870,
   178 	                            height: 320,
   174                             animtype: 'slide',
   179 	                            width: 870,
   175                             showcontrols: true,
   180 	                            animtype: 'slide',
   176                             centercontrols: false,
   181 	                            showcontrols: true,
   177                              nexttext: "",
   182 	                            centercontrols: false,
   178                              prevtext: "",
   183 	                             nexttext: "",
   179                              showmarkers : false,
   184 	                             prevtext: "",
   180                              automatic: false
   185 	                             showmarkers : false,
   181                         });
   186 	                             automatic: false
   182 
   187 	                        });
   183                         $("#toggle-help").click(function(){
   188 
   184                             if (help_dialog.dialog("isOpen")){
   189 	                        $("#toggle-help").click(function(){
   185                                 help_dialog.dialog("close");
   190 	                            if (help_dialog.dialog("isOpen")){
   186                             }
   191 	                                help_dialog.dialog("close");
   187                             else{
   192 	                            }
   188                                 help_dialog.dialog("open");
   193 	                            else{
   189                             }
   194 	                                help_dialog.dialog("open");
   190                         });
   195 	                            }
   191                         $(".img-close").click(function(){
   196 	                        });
   192                             help_dialog.dialog("close");
   197 	                        
   193                         });
   198 	                        
   194                     }
   199 	                        
   195                 });
   200 	                        $(".img-close").click(function(){
   196             });
   201 	                            help_dialog.dialog("close");
   197 
   202 	                        });
       
   203 	                    }
       
   204 	                });
       
   205 	              
       
   206 	              //video dialog init
       
   207 	                var video_dialog = $("#video-container").dialog({
       
   208 	                    autoOpen: false,
       
   209 	                    height: 680,
       
   210 	                    width: 820,
       
   211 	                    resizable: false,
       
   212 	                    draggable: false,
       
   213 	                    create: function (event, ui) {
       
   214 	                        $("#toggle-video").click(function(){
       
   215 	                            if (video_dialog.dialog("isOpen")){
       
   216 	                                video_dialog.dialog("close");
       
   217 	                            }
       
   218 	                            else{
       
   219 	                                video_dialog.dialog("open");
       
   220 	                            }
       
   221 	                        });
       
   222 	                        
       
   223 	                        $(".video-close").click(function(){
       
   224 	                            video_dialog.dialog("close");
       
   225 	                        });
       
   226 	                    }
       
   227 	                });
       
   228 
       
   229 	            });
       
   230 			//})($.noConflict());
       
   231             // end closure
   198         </script>
   232         </script>
   199 {% endblock %}
   233 {% endblock %}
   200 
   234 
   201 {% block main_content %}
   235 {% block main_content %}
   202 <div class="all-title">
   236 <div class="all-title">
   223                     {% endif %}
   257                     {% endif %}
   224                 </ul>
   258                 </ul>
   225             </li>
   259             </li>
   226         </ul>
   260         </ul>
   227         {% endif %}
   261         {% endif %}
       
   262         <a id="toggle-video" href="#"></a>
   228         <a id="toggle-help" href="#"></a>
   263         <a id="toggle-help" href="#"></a>
   229     </div>
   264     </div>
   230 </div>
   265 </div>
   231 <div id="dialog-form" title="Identification">
   266 <div id="dialog-form" title="Identification">
   232     {% include 'ajax_identification/ajax_login.html' %}
   267     {% include 'ajax_identification/ajax_login.html' %}
   233 </div>
   268 </div>
   234 
   269 
   235 <div id="help-container" class="">
   270 <div id="help-container" class="">
   236     {% include 'help_popup.html' %}
   271     {% include 'help_popup.html' %}
       
   272 </div>
       
   273 
       
   274 <div id="video-container" class="">
       
   275     {% include 'video_popup.html' %}
   237 </div>
   276 </div>
   238 
   277 
   239 <div class="rnk-wrapper">
   278 <div class="rnk-wrapper">
   240   <div class="rnk-container">
   279   <div class="rnk-container">
   241     <div id="renkan"></div>
   280     <div id="renkan"></div>