search_result

mail@pastecode.io avatar
unknown
html
2 years ago
21 kB
1
Indexable
Never

<!DOCTYPE html>

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="DOI RJI" name="description" />
    <meta content="homedev.org" name="author" />
    <title>DOI by RJI - Homepage</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
    <link rel="stylesheet" href="v2/css/normalize.css">
    <link rel="stylesheet" href="v2/css/icon.css">
    <link rel="stylesheet" href="v2/css/main.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>

<body>

<header>
    <nav class="navbar" style="position: sticky; top: 0; background: #fff; color: #000">
        <div class="container">
            <div class="navbar-brand">
                <a href="https://doi.relawanjurnal.id/">
                    <img class="logo-white" src="https://doi.relawanjurnal.id/resources/v2/img/logo-white.svg" alt="DOI by RJI"/>
                    <img class="logo-black" src="https://doi.relawanjurnal.id/resources/v2/img/logo-black.svg" alt="DOI by RJI"/>
                </a>

                <div class="buttons">
                    <a class="button button-search is-icon bg-orange" role="button">
                        <i class="ico ico-search text-white"></i>
                    </a>

                    <a class="button button-menu is-icon bg-transparent" role="button" data-action-id="navbar-menu-toggler">
                        <i class="ico ico-bars" style="font-size: 20px"></i>
                    </a>
                </div>
            </div>

            <div class="navbar-menu">
                <div class="navbar-start">
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/">Home</a>
                    </div>
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/index/tutorial">User Guide</a>
                    </div>
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/paymentguide">Payment Guide</a>
                    </div>
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/index/statistics">Statistic</a>
                    </div>
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/home/product">Price</a>
                    </div>
                </div>

                <div class="navbar-end">
                    <div class="navbar-item">
                        <a href="https://doi.relawanjurnal.id/home/register">Registration</a>
                    </div>
                    <div class="navbar-item">
                        <a class="button button-login is-rounded" href="https://doi.relawanjurnal.id/home/login">Login</a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
</header>
<div class="content">
    <div class="container my-4">
        <div class="panel-search mb-5">
            <div class="panel-search_body d-flex flex-column justify-content-around align-items-center mt-5">
                <div class="d-flex gap-3 align-self-end">
                    <label>Advanced Search</label>
                    <label class="switch">
                        <input type="checkbox">
                        <span class="slider round"></span>
                    </label>
                </div>
                <form class="search-bar col-md-12 d-flex mt-3 align-items-center">
                    <div class="col d-flex align-items-center mr-3">
                        <span class="search-bar-icon"><i class="fa fa-search"></i></span>
                        <input class="search-bar-underline" placeholder="Search 145 million scholarly publications">                        
                    </div>
                    <div class="col col-md-1 align-self-end text-right">
                        <button type="submit" class="btn btn-primary">Search</button>        
                    </div>
                </form>
                <br>
                <form action="" class="advanced-search-bar d-none">
                    <div class="list-advance-search">
                        <select name="" id="" class="form-select form-select-outline">
                            <option value="">Common Fields [Title, Abstract, Keyword]</option>
                            <option value="">Title</option>
                            <option value="">Abstract</option>
                        </select>
                        <input type="text" class="search-bar-underline py-1" style="background: #f1f1f1; padding-left: 1rem;" placeholder="E.g. machine learning">
                        <button type="button" class="add-field btn btn-sm btn-outline-secondary px-3">Add</button>
                        <button type="button" class="btn btn-sm btn-primary px-3">Search</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="medias">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="inner-bold">Refine search</h5>
                            <form action="" class="form-checkbox_custom">
                                <div class="form-group input-inline-custom">
                                    <input type="checkbox">
                                    <label for="">Journals</label>
                                </div>
                                <div class="form-group input-inline-custom">
                                    <input type="checkbox">
                                    <label for="">Books</label>
                                </div>
                                <div class="form-group input-inline-custom">
                                    <input type="checkbox">
                                    <label for="">Procedings</label>
                                </div>

                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                                <button type="submit" class="btn btn-outline-dark mt-4" style="width: 100%">Refine result</button>
                            </form>
                        </div>
                    </div>
                    <div class="card mt-3">
                        <div class="card-body">
                            <h5 class="inner-bold">New search</h5>
                            <form action="" class="form-checkbox_custom">
                                <div class="form-group checkbox-custom">
                                    <input type="checkbox" name="" id="">
                                    <label for="">Journals</label>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-9">
                <div class="card">
                    <div class="card-body">
                        <h5 class="inner-bold">Journals found</h5>
                        <span>Sort by</span>
                        <select name="" id="" class="form-select d-inline-block">
                            <option value="" selected>Choose sort</option>
                            <option value="">Title ASC</option>
                            <option value="">Title DESC</option>
                            <option value="">Articles ASC</option>
                            <option value="">Articles DESC</option>
                        </select>
                        <hr>
                        <div class="row flex-column">
                            <div class="col list-group_item">
                                <h6 class="inner-bold">ACI (Acta Cardiologia Indonesiana)</h6>
                                <div class="list-item_txt">
                                    <small>Current publisher: <a href="" class="text-small">Universitas Gadjah Mada </a></small>
                                    <small>ISSN / EISSN : 2460-5700 / 2579-4345</small>
                                    <small>Total articles: 107</small>
                                </div>
                                <span class="clearfix"></span>
                                <a href="view-journal.html" class="btn btn-outline-primary btn-sm mt-3">View journal information</a>
                                <hr>
                            </div>

                            <div class="col list-group_item">
                                <h6 class="inner-bold">ACI (Acta Cardiologia Indonesiana)</h6>
                                <div class="list-item_txt">
                                    <small>Current publisher: <a href="" class="text-small">Universitas Gadjah Mada </a></small>
                                    <small>ISSN / EISSN : 2460-5700 / 2579-4345</small>
                                    <small>Total articles: 107</small>
                                </div>
                                <span class="clearfix"></span>
                                <a href="" class="btn btn-outline-primary btn-sm mt-3">View journal information</a>
                                <hr>
                            </div>

                            <div class="col list-group_item">
                                <h6 class="inner-bold">ACI (Acta Cardiologia Indonesiana)</h6>
                                <div class="list-item_txt">
                                    <small>Current publisher: <a href="" class="text-small">Universitas Gadjah Mada </a></small>
                                    <small>ISSN / EISSN : 2460-5700 / 2579-4345</small>
                                    <small>Total articles: 107</small>
                                </div>
                                <span class="clearfix"></span>
                                <a href="" class="btn btn-outline-primary btn-sm mt-3">View journal information</a>
                                <hr>
                            </div>

                            <div class="col list-group_item">
                                <h6 class="inner-bold">ACI (Acta Cardiologia Indonesiana)</h6>
                                <div class="list-item_txt">
                                    <small>Current publisher: <a href="" class="text-small">Universitas Gadjah Mada </a></small>
                                    <small>ISSN / EISSN : 2460-5700 / 2579-4345</small>
                                    <small>Total articles: 107</small>
                                </div>
                                <span class="clearfix"></span>
                                <a href="" class="btn btn-outline-primary btn-sm mt-3">View journal information</a>
                                <hr>
                            </div>

                            <div class="col list-group_item">
                                <h6 class="inner-bold">ACI (Acta Cardiologia Indonesiana)</h6>
                                <div class="list-item_txt">
                                    <small>Current publisher: <a href="" class="text-small">Universitas Gadjah Mada </a></small>
                                    <small>ISSN / EISSN : 2460-5700 / 2579-4345</small>
                                    <small>Total articles: 107</small>
                                </div>
                                <span class="clearfix"></span>
                                <a href="" class="btn btn-outline-primary btn-sm mt-3">View journal information</a>
                                <hr>
                            </div>
                        </div>
                        
                        <small>Current page: 1</small>
                        <nav class="d-flex justify-content-end">
                            <ul class="pagination">
                                <li class="page-item disabled">
                                  <a class="page-link" href="#" tabindex="-1">Previous</a>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                <li class="page-item active">
                                    <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item">
                                    <a class="page-link" href="#">Next</a>
                                </li>
                            </ul>
                        </nav>
                        <!-- <div class="prev-next d-flex justify-content-between mt-2">
                            <a href="" class="text-decoration-none d-flex gap-2 align-items-center"><i class="fa fa-angle-left"></i><small>Previous page</small></a>
                            <a href="" class="text-decoration-none d-flex gap-2 align-items-center"><small>Next page</small><i class="fa fa-angle-right"></i></a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>    
    </div>
</div>

<footer class="footer">
    <div class="container">
        <div class="footer-profile">
            <img class="footer-profile-logo" src="https://doi.relawanjurnal.id/resources/v2/img/rji.svg" alt="">

            <div class="medias footer-profile-content">
                <div class="media">
                    <img class="media-image" src="https://doi.relawanjurnal.id/resources/v2/img/icon/location.svg" alt="">
                    <div class="media-content">
                        <address>
                            Gang Masjid Al Huda II, RT 01 RW 18, Gamping Kidul, Ambarketawang, Kec Gamping, Kabupaten Sleman, Daerah Istimewa Yogyakarta 55294                        </address>
                    </div>
                </div>

                <div class="media">
                    <img class="media-image" src="https://doi.relawanjurnal.id/resources/v2/img/icon/email.svg" alt="">
                    <div class="media-content">
                        <a href="mailto:doi@relawanjurnal.id">doi@relawanjurnal.id</a>
                    </div>
                </div>
            </div>

            <ul class="footer-list footer-social-list is-vertical">
                <li>
                    <a href="https://www.facebook.com/RELAWANJURNAL/">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/icon/facebook.svg" alt="Facebook">
                    </a>
                </li>
                <li>
                    <a href="https://www.instagram.com/relawan_jurnal_indonesia/">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/icon/instagram.svg" alt="Instagram">
                    </a>
                </li>
                <li>
                    <a href="https://twitter.com/Jur_Indonesia">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/icon/twitter.svg" alt="Twitter">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/channel/UCigdxKIM5YjDaGnP8amSZ-w">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/icon/youtube.svg" alt="Youtube">
                    </a>
                </li>
                <li>
                    <a href="https://anchor.fm/relawan-jurnal-indonesia">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/icon/radio.svg" alt="Youtube">
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-partner">
            <h3>Partner</h3>

            <ul class="footer-list footer-partner-list is-vertical">
                <li>
                    <a href="https://www.crossref.org/">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/crossref.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://orcid.org/">
                        <img src="https://doi.relawanjurnal.id/resources/v2/img/orcid.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer-links">
            <div>
                <h3>Support</h3>

                <ul class="footer-list">
                    <li><a href="https://doi.relawanjurnal.id/index/about">About Us</a></li>
                    <li><a href="https://doi.relawanjurnal.id/index/contact">Contact Us</a></li>
                </ul>
            </div>

            <div>
                <h3>External Link</h3>

                <ul class="footer-list">
                    <li><a href="http://relawanjurnal.id/">Relawan Jurnal Indonesia</a></li>
                    <li><a href="https://forum.relawanjurnal.id/">Forum</a></li>
                    <li><a href="http://journalstories.ai/">Indeksasi</a></li>
                </ul>
            </div>
        </div>
    </div>
    <br><br>
</footer>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        var URLBASE = '';
        window.AppConfig = {
            baseUrl: ''
        };

        let switchCount = 0;
        $('.switch input:checkbox').change(function(){
            if (switchCount == 0) {
                $('.advanced-search-bar').removeClass('d-none');
                $('.search-bar').addClass('d-none');
                switchCount++;
            }else{
                $('.advanced-search-bar').addClass('d-none');
                $('.search-bar').removeClass('d-none');
                switchCount = 0;
            }
        });

        let btnRemoveOnce = 0;
        $('.advanced-search-bar').on('click', '.add-field', function(e){
            $('.advanced-search-bar').prepend(`
                <div class="list-advance-search_append">
                    <select name="" id="" class="form-select form-select-outline">
                        <option value="">AND</option>
                        <option value="">OR</option>
                        <option value="">NOT</option>
                    </select>                        
                    <select name="" id="" class="form-select form-select-outline">
                        <option value="">Common Fields [Title, Abstract, Keyword]</option>
                        <option value="">Title</option>
                        <option value="">Abstract</option>
                    </select>
                    <input type="text" class="search-bar-underline py-1" style="background: #f1f1f1; padding-left: 1rem;" placeholder="E.g. machine learning">
                    <button type="button" class="btn btn-sm btn-outline-secondary px-3 remove-field">Remove</button>
                    <button type="button" class="add-field btn btn-sm btn-outline-secondary px-3">Add</button>
                </div>
            `);
            if (btnRemoveOnce == 0) {            
                $(e.target).before(`
                    <button class="btn btn-outline-secondary btn-sm px-3 btn-remove">Remove</button>
                `);
                btnRemoveOnce++;
            }
        });

        $('.advanced-search-bar').on('click', '.remove-field', function(){
            $(this).parent().remove();
        });

    </script>

    <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.2/dist/jquery.validate.min.js"></script>
    <script src="v2/js/lib.js"></script>
    <script src="v2/js/main.js"></script>
    <script src="v2/js/initdo.js"></script>
</body>

</html>