Skip to content
Pagekit CMS
JavaScript PHP CSS HTML TypeScript Vue
Branch: develop
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
packages
storage
tmp
.babelrc
.bowerrc
.eslintignore
.eslintrc
.gitattributes
.gitignore
.htaccess
CHANGELOG.md
LICENSE
README.md
autoload.php
bower.json
composer.json
composer.lock
gulpfile.js
index.php
package-lock.json
package.json
pagekit
phpunit.xml.dist
webpack.config.js

README.md

accessibility text

Pagekit

Discord

Homepage - Official home page.

This is a custom updated build Pagekit CMS (for developers).

Build includes:

  • Pagekit CMS 1.0.17
  • Blog extension
  • Theme One
  • Custom Admin Panel

The installation procedure is the same as in the official documentation .

Marketplace functionality like install, update and remove works the same like in original version. Before enabling extensions - they need to be updated for compatibility.


Major changes:

Required PHP Version - 7.2 or higher.

Updated Added
Vue 2.6.10 Vue-event-manager 2.1.2
Vue-Resource 1.5.1 Vee-validate 2.2.13
UIkit 3.1.7 Vue-nestable 2.4.3
Lodash 4.17.15 Flatpickr 4.6.1
Webpack 4.39.2 Tinymce 5.0.13
Gulp 4.0.2
Symfony Framework 4.3
Composer 1.9
Codemirror 5.48.2

Updated all core javascript components for compability with new dependencies. Removed jQuery.

Ported components from UIkit 2 - autocomplete, pagination, htmleditor with markedjs. Location: app/system/modules/theme/js/components

Install from source

Clone Repository

git clone git@github.com:uatrend/pagekit.git project-folder
cd project-folder

Install Dependencies

composer install

Compile Assets

npm install

NPM scripts

Webpack watch:

npm run watch

Webpack build (minified):

npm run build

Linting with eslint:

npm run lint

Gulp

Compile and watch theme LESS:

gulp watch

Editor Settings

Added the ability to select an editor in the settings: HTML Editor, Tinymce or Codemirror. Moved all editor component dependencies to: app/system/modules/editor/app/assets. Added split mode for Tinymce.

Admin Theme

Theme is fully compatible with UIkit 3. Changed default admin theme - script, layout and colors. Added side and top menus with dropdowns. For individual markup of each page added class page in the body tag generated via php.

Example, class for dashboard page look like:

<body class=“dashboard”>

Theme Plugin

(added to core /app/system/app/lib/theme.js)

Ability to programmatically configure the buttons, dropdown lists, pagination and search form in the top menu for each component used (see code).

Example: dashboard - index.js

name: 'dashboard',

mixins: [Theme.Mixins.Helper],

...

theme: {
    hiddenHtmlElements: '#dashboard > div:first-child > div:last-child',
    elements() {
        var vm = this;
        return {
            addwidget: {
                scope: 'topmenu-left',
                type: 'dropdown',
                caption: 'Add Widget',
                class: 'uk-button uk-button-text',
                icon: { attrs: { 'uk-icon': 'triangle-down' }},
                dropdown: { options: () => 'mode: click' },
                items: () => vm.getTypes().map((type) => {
                    let props = {
                        on: {click: () => vm.add(type)},
                        caption: type.label,
                        class: 'uk-dropdown-close'
                    }
                    return {...type, ...props}
                }),
            }
        }
    }
}

Adding side menu items through PHP - $view->$data()

'view.data' => function ($event, $data) use ($app) {
    if (!$app->isAdmin()) {
        return;
    }
    $data->add('Theme', [
        'SidebarItems' => [
            'additem' => [
                'addpost' => [
                    'caption' => 'Add Post',
                    'attrs' => [
                        'href' => $app['url']->get('admin/blog/post/edit')
                    ],
                    'priority' => 1
                ]
            ]
        ]
    ]);
}

Translation

Improved russian translation.

Fixed Bugs

Getting News Feed in WidgetFeed, selection in 'check-all' directive and etc.


Thanks to Yootheme and developers! Feel free to ask any questions - I will answer as much as possible.

You can’t perform that action at this time.