Download the PHP package iankov/control-panel without Composer

Installation

• Update guards, providers, passwords in config/auth.php

• Publish config file

• Publish public assets

• Publish migrations

• Publish seeds

• Run migrations

• Run dump autoload

• Run seeder to insert initial admin user. Login: [email protected], Password: admin

Elfinder file manager integration

Laravel elfinder package

Configuration options

• Add the ServiceProvider to the providers array in app/config/app.php

• You need to copy the assets to the public folder, using the following artisan command:

• Copy vendor/iankov/control-panel/public/packages/barryvdh to public/barryvdh. You can do this by publishing iankov/control-panel assets

• Publish the config file

• Change elfinder config

• Create 'images' folder in your public dir to match roots.images config path

Developing a new module

Basic concept

Basic concept of building a module is to make a separate route file for the module. You can place it in a standard folder. I.e. if you make a module to create and delete news, it could be file with the following content:

Registering a module

When you make a new module, you need to add it to . Minimum requirement is to add route path to the array like this:

Optional parameter defines a namespace for our controller. In our case is most likely located in

Adding menu item

After you register a module, you'll be able to use routes in like this:

This will add a new menu item into master template menu of your control panel. If you don't register your module you'll get an error when using or function in .
However you can always use a regular string to define a . It could be relative path like or a full url like .

**** function is the same as standard laravel except that it adds the prefix on the beginning of the given route.
I.e. (by default) then is equal to

Views

Most likely you'd want to use a master template of for you admin panel pages. This can easily be done by extending your blade template.

Sections available:

• • obviously it's a title
• • it can be any html, javascript, css, etc... to be inserted in the main part of master template

Changing stardard iankov/control-panel views

For this purpose just publish all views to directory.

Now you have a set of files available for making changes in .

Horizontal form groups

• Create horizontal group elements like this

When validation error occured, text of an error be shown in the bottom of the field. The field itself will have a red border.

• Required array fields:

  • name - html field name attribute
  • label - label text
  • value - value of html element
  • items - only for icp::forms.horizontal.select-group. Array/object of items for \ options

    Additional array fields:

    • attr - array, any html attribute applied to html field
    • col1_class - first column class (default: col-sm-2)
    • col1_class - second column class (default: col-sm-10)
    • prepend - the same as items only for select-group, but these elements stay in front of other options

    Example of form group usage.

    • Create \

    element

  • Create \ element

    Create \

    element

  • Create \ element</li> </ul> </li> </ul></div><hr/> <h2 id="all-versions">All versions of control-panel with dependencies</h2> <div id="select-php-version" class="input-group" title="PHP version which will be used to build the Composer package."> <span class="input-group-addon">PHP Build Version</span> <select name="phpVersion" autocomplete="off" class="custom-select form-control"> <option value='8.0.21'>8.0.21</option><option value='7.3.33'>7.3.33</option> </select> </div> <div id="select-package-version" class="input-group" title="Which version of the package should be downloaded."> <span class="input-group-addon" id="select-package-version-label">Package Version</span> <select class="custom-select form-control" aria-describedby="select-package-version-label" autocomplete="off" data-package="control-panel" data-vendor="iankov" data-latest-version="1.0.13.0" > <option value="1.0.13.0" selected="selected" > v1.0.13 </option> <option value="1.0.12.0" > v1.0.12 </option> <option value="1.0.11.0" > v1.0.11 </option> <option value="1.0.10.0" > v1.0.10 </option> <option value="1.0.9.0" > v1.0.9 </option> <option value="1.0.8.0" > v1.0.8 </option> <option value="1.0.7.0" > v1.0.7 </option> <option value="1.0.6.0" > v1.0.6 </option> <option value="1.0.5.0" > v1.0.5 </option> <option value="1.0.4.0" > v1.0.4 </option> <option value="1.0.3.0" > v1.0.3 </option> <option value="1.0.2.0" > v1.0.2 </option> <option value="1.0.1.0" > v1.0.1 </option> <option value="1.0.0.0" > v1.0.0 </option> </select> </div> <div id="accordion" role="tablist" aria-multiselectable="true"> <div class="card"> <div class="card-header" role="tab" id="heading"> <h3 class="mb-0"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse" aria-expanded='true' aria-controls="collapse"> Version v1.0.13 <span class="date">Release 01. Sep 2018</span> </a> <p class="hidden-md-up"></p> <label class="float-right">  <button class="btn btn-phplibs btn-sm difference-btn"><i class="fa fa-question-circle"></i></button> </label> <label class="radio-inline float-right">   <input type="radio" name="download_type" value="CREATE_PROJECT" > create-project</label> <label class="radio-inline float-right">   <input type="radio" name="download_type" value="REQUIRE" > require</label> <label class="float-right option-advice"> 0 people chose <em>require</em> and<br/>0 people chose <em>create-project</em>. </label> <div class="float-right"> <button type="button" class="btn btn-phplibs float-right add-to-project-btn" data-name="iankov/control-panel" data-version="1.0.13.0" data-vendor="iankov"> <i class="fa fa-plus-circle"></i> Add to Project </button> <div class="clearfix" ></div> <a href rel="nofolow" data-package="control-panel" data-vendor="iankov" data-version="1.0.13.0" class="btn btn-phplibs float-right download-btn"><i class="fa fa-download"></i> Download </a> </div> </h3> <img class="latest-version" src="/img/latest_version.jpg" alt="Download latest version of control-panel from vendor iankov"> </div> <div id="collapse" class="collapse" role="tabpanel" aria-labelledby="heading"> <div class="card-block"> <strong>Requires</strong> <a href="/package/iankov/asset-v"><strong>iankov/asset-v</strong></a> Version <em>^1.0</em><br/> <a href="/package/yajra/laravel-datatables-oracle"><strong>yajra/laravel-datatables-oracle</strong></a> Version <em>^8.3</em><br/> <a href="/package/barryvdh/laravel-elfinder"><strong>barryvdh/laravel-elfinder</strong></a> Version <em>^0.3.11</em><br/> </div> </div> </div> </div> <span onclick="ga('send', 'event', 'Client Download detail page', 'Client Download detail page')" >Composer command for our command line client (<a target="_blank" href="/php-composer-cloud-build-server">download client</a>)</span> <input type="text" class="form-control copy-to-clipboard" value="php-download require iankov/control-panel"> <em class="mb-2 d-block">This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free.</em> <span>Standard composer command</span> <input type="text" class="form-control copy-to-clipboard" value="composer require iankov/control-panel"> <p></p> <p></p><h2 id='files'>The package iankov/control-panel contains the following files</h2><input id='packageSearch' name='packageSearch' type='text' placeholder='Search files' class='form-control' style='display:none;' /><div class='file-wrapper'><span><i class='fa fa-spinner fa-pulse fa-2x fa-fw'></i> Loading the files please wait ....</span></div><div class='clearfix' ></div><p></p> <script> function initVersionSpecificActions() { $(".difference-btn").click(function (e) { showDialog("<em>require</em>" + "<br/>If this library should be a part of your project, then choose require. " + "It results in a zip file, which contains a vendor folder. In this vendor folder will be the library you downloaded. " + "There is a dummy index.php as a example to integrate the library." + "<br/><br/>" + "<em>create-project</em>" + "<br/>This option should be selected, if you want to create a project at top of this code. " + "For example if you download a PHP framework like Laravel, CakePHP, ..."); }); var downloadButton; var chosenDownloadType; var chosenPhpVersion; var loadingModal; var fileCheckInterval; var isFileCheckRequestRunning = false; $(".download-btn").click(function (e) { e.preventDefault(); downloadButton = $(e.target).closest("a"); chosenDownloadType = downloadButton.closest('.card').find("input[name^=download_type]:checked").val(); chosenPhpVersion = $("select[name='phpVersion']").val(); if (!chosenDownloadType) { showDialog("Please choose a download type require or create-project"); return; } loadingModal = $('#download-loading-dialog'); setLoadingModalContent( '<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> Loading, please wait ...', 'Before you can download the PHP files, the dependencies should be resolved. <strong>This can take a few minutes.</strong> Please be patient.' ); loadingModal.modal('show'); checkIfFileIsReady(); fileCheckInterval = setInterval(checkIfFileIsReady, 3000); }); var checkIfFileIsReady = function () { if (isFileCheckRequestRunning) { return; } if (!apiKey) { window.location.href = "/users/register?rel=" + encodeURIComponent(window.location.href); return; } $.ajax(downloadDomain + '/api/v1/packages/start-download', { data: { version: downloadButton.data("version"), package: downloadButton.data("package"), vendor: downloadButton.data("vendor"), downloadType: chosenDownloadType, phpVersion: chosenPhpVersion }, headers: { "API-Key": apiKey }, type: 'GET', beforeSend: function () { isFileCheckRequestRunning = true; }, complete: function (xhr) { isFileCheckRequestRunning = false; var isError = true; var response = null; if (xhr.status === 200) { response = JSON.parse(xhr.responseText); if (typeof response.status === 'string') { if (response.status === 'complete' && typeof response.url === 'string') { clearFileCheckInterval(); location.href = response.url; return; } else if (response.status === 'pending') { isError = false; } } } else if (xhr.status === 403) { response = JSON.parse(xhr.responseText); switch (response.code) { case "no_subscription": window.location.href = "/billing?no_subscription=1"; break; } return; } if (isError) { clearFileCheckInterval(); setLoadingModalContent('<i class="fa fa-exclamation-triangle"></i> Internal error', 'Please try again later or <a href="mailto:jwwi2013@gmail.com">contact us</a>.', true); loadingModal.find('.close').removeClass('hidden'); setTimeout(function () { loadingModal.modal('hide'); }, 10 * 1000); } } }); }; function clearFileCheckInterval() { clearInterval(fileCheckInterval); fileCheckInterval = null; } function setLoadingModalContent(titleHtml, bodyHtml, isError) { var modalTitle = loadingModal.find('.modal-title'); var modalBody = loadingModal.find('.modal-body'); var errorClass = 'danger'; modalTitle.html(titleHtml); modalBody.html(bodyHtml); if (isError) { modalTitle.addClass(errorClass); } else { modalTitle.removeClass(errorClass); } } $(".add-to-project-btn").click(function (e) { let buttonElement = $(e.target).closest("button"); $.ajax("/project-positions/add", { data: "version=" + buttonElement.data("version") + '&name=' + buttonElement.data("name") + '&vendor=' + buttonElement.data("vendor") + '&add_type=REQUIRE', type: "POST", success: function (response) { response = JSON.parse(response); if (!response.success) { switch (response.errorCode) { case "no_active_project": showDialog("There is no active project."); break; case "already_added": showDialog("This item is already added to your project."); break; default: showDialog("There was an error. Please contact the support."); break; } } else { showSuccessToast("Item was added to the project."); } }, error: function (xhr, status) { if (xhr.status == 403) { window.location.href = "/users/register"; } else { showDialog("There was an error. Please contact the support."); } } }); }); } initVersionSpecificActions(); $(function () { $.get(downloadDomain + "/files-list/package-ajax/iankov/control-panel", function (data) { $(".file-wrapper").html(data); if ($('.file-entry').length) { $("#packageSearch").show(); } // toggle folder on click //TODO: code is repeated $('.dir-entry').each(function (i, e) { $(e).click(function () { $(this).next().toggle(); $(this).find('.fa').toggleClass('fa-caret-down').toggleClass('fa-caret-right'); }); }); $('.collapse-all-folders').click(function () { $('.dir-entry').each(function (i, e) { $(e).next().hide(); $(this).find('.fa').removeClass('fa-caret-down').addClass('fa-caret-right'); }); $(this).hide(); $('.expand-all-folders').show(); }); $('.expand-all-folders').click(function () { $('.dir-entry').each(function (i, e) { $(e).next().show(); $(this).find('.fa').addClass('fa-caret-down').removeClass('fa-caret-right'); }); $(this).hide(); $('.collapse-all-folders').show(); }); }); }); $(".copy-to-clipboard").focus(function () { $(this).select(); copyTextToClipboard($(this).val()); showSuccessToast("Copied to clipboard!"); ga('send', 'event', 'Copied require cmd', 'Copied require cmd'); }); $("#packageSearch").keyup(function (event) { var indentLevels = [2, 4, 6, 8, 10, 12]; var files = $('.file-entry'); var dirs = $('.dir-entry'); var expandDirs = $('.expand-all-folders'); var collapseDirs = $('.collapse-all-folders'); files.hide(); expandDirs.click().hide(); collapseDirs.hide(); var txt = $(this).val(); files.each(function () { if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) !== -1) { $(this).show(); dirs.hide(); for (var i = 0; i < indentLevels.length; i++) { if (countInstances($(this).html(), 'nbsp') === indentLevels[i]) { $(this).addClass(indentLevels[i].toString()); break; } } $(this).html($(this).html().replace(/ /g, '')); } }); if ($(this).val() == '') { //TODO: simplify $('.dir-entry').show(); $('.2').prepend('  '); $('.4').prepend('    '); $('.6').prepend('      '); $('.8').prepend('        '); $('.10').prepend('          '); $('.12').prepend('            '); } if ($(this).val() === '') { dirs.show(); expandDirs.hide(); collapseDirs.show().click(); for (var i = 0; i < indentLevels.length; i++) { $('.' + indentLevels[i].toString()).prepend(' '.repeat(indentLevels[i])); } } }); function countInstances(string, word) { return string.split(word).length - 1; } $("#select-package-version select").change(function () { const select = $(this); const version = select.val(); $.get( '/details/version/' + select.data('vendor') + '/' + select.data('package') + '/' + version, function (data) { if (typeof data === 'string' && data.length > 0) { $("#accordion").html(data); initVersionSpecificActions(); var latestVersionImage = $('img.latest-version'); if (version !== select.data('latest-version')) { latestVersionImage.hide(); } else { latestVersionImage.show(); } } } ); }); </script> </main> <footer> <p></p> <div class="text-center">© 2017 - 2025 Weber Informatics LLC</div> </footer> <!-- ************************** DIALOGS ************************** --> <div class="modal" id="download-loading-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i> Loading please wait ...</h5> <button type="button" class="close hidden" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Before you can download the PHP files, the dependencies should be resolved. <strong>This can take some minutes.</strong> Please be patient. </div> </div> </div> </div> <div class="modal fade" id="general-dialog" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> CONTENT </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-phplibs btn-sm">OK</button> </div> </div> </div> </div> <!-- ************************** DIALOGS ************************** --> </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>