dev3

ZpcBulletinBoard/wwwroot/js/boards-links/index.js

@@ -1,7 +1,43 @@
 $(function(){
+    $('#inpSearchBoard').on('keyup', function(){
+        searchBoards();
+    });
+
+    $('#inpSearchPage').on('keyup', function(){
+        searchPages();
+    });
+
     loadBoards();
 });
 
+function searchBoards(){
+    let value = $('#inpSearchBoard').val().toLowerCase();
+
+    $(".div-board").each(function(i, e) {
+        let boardText = $(e).find('h5').text().toLowerCase();
+        if (boardText.indexOf(value) < 0){
+            $(e).hide();
+            $(e).next().hide();
+        } else {
+            $(e).show();
+            $(e).next().show();
+        }
+    });
+}
+
+function searchPages(){
+    let value = $('#inpSearchPage').val().toLowerCase();
+
+    $(".available-page").each(function(i, e) {
+        let pageText = $(e).find('small').text().toLowerCase();
+        if (pageText.indexOf(value) < 0){
+            $(e).hide();
+        } else {
+            $(e).show();
+        }
+    });
+}
+
 function loadBoards(){
     $.blockUI();
     $.ajax({
@@ -112,8 +148,15 @@ function addPageToAllBoards(el){
 function addPageToBoard(idBoard, link){
     let div = $('.div-pages[data-idboard="' + idBoard +  '"]');
 
+    let preview;
+    if (link.bulletinBoardPage.type == 3){
+        preview = `<div class='img-link'><i class="fas fa-link fa-5x"></i></div>`;
+    } else {
+        preview = `<img class="img-thumbnail rounded" src="/bulletin-board-images/pages/${link.bulletinBoardPage.image}" onerror="this.src='/img/imgNotExists.jpg'" alt="page image" />`
+    }
+
     div.append(`<div class="div-page" data-id="${link.idLink}" data-idPage='${link.bulletinBoardPage.idBulletinBoardPage}' data-duration='${link.duration}'>
-    <img class="img-thumbnail rounded" src="/bulletin-board-images/pages/${link.bulletinBoardPage.image}" alt="page image" />
+    ${preview}
     <small>${link.bulletinBoardPage.name}</small>
     <div class="tools">
         <a href="javascript:;" class="btn btn-xs icon-btn btn-outline-primary borderless" onclick="moveLink(this, -1)"><i class="fas fa-chevron-left"></i></a>