Jump to content

rewrite the entire view through plugin's controller


mending3
 Share

Recommended Posts

I want to create my own layout for a particular page on admin side through my plugin but still no clue how to do this.

This kind of works but the default blesta assets still showing on the DOM.

plugins/blesta_my_plugin/controllers/admin_my_plugin.php:
class AdminMyPlugin extends BlestaMyPluginController
{
    /**
     * Setup
     */
    public function preAction()
    {
        parent::preAction();
    }

    public function index()
    {
        $this->setDefaultView('default');
    }
}

plugins/blesta_my_plugin/views/admin_my_plugin.pdt:
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div>my plugin</div>
</body>
</html>

result:
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
    <meta name="referrer" content="never">
    <meta charset="utf-8">
    <link rel="shortcut icon" href="/app/views/default/images/favicon.ico">
    <link rel="stylesheet" href="/app/views/default/css/application.min.css">
    <link rel="stylesheet" href="/app/views/default/css/font-awesome.min.css">
    <link rel="stylesheet" href="/app/views/default/css/font-awesome-shims.min.css">
    <title></title>
</head>
<body>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

<div>my plugin</div>
<script src="/app/views/default/javascript/jquery.min.js"></script>
<script src="/app/views/default/javascript/jquery-migrate.min.js"></script>
<script src="/app/views/default/javascript/bootstrap.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        displayParts();
        $("input[name='agree']").change(displayParts);

        function displayParts() {
            if ($("input[name='agree']").is(':checked')) {
                $(".requirements").show();
                $(".db_info").show();
            }
            else {
                $(".requirements").hide();
                $(".db_info").hide();
            }
        }

        $("form").submit(function(e) {
            $("input[type='submit']").hide();
            $(".install_progress .progress").show();

            setInterval(animateProgress, 500);
        });

        $("#reload").click(function () {
            $("#reload").prop('type', 'submit');
            $("#reload").submit();
        });

        var progressWidth = 0;
        function animateProgress() {
            var step = 5;
            var elem = $(".install_progress .progress-bar");
            progressWidth = Math.min(95, progressWidth + step);
            elem.width(progressWidth + '%');
        }
    });
</script>
</body>
</html>
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...