Code Monkey home page Code Monkey logo

astroid-framework's Introduction

astroid-framework's People

Contributors

actuallyakash avatar anikesh17612 avatar ashishsinghjmd avatar chetanmadaan avatar hiteshaggarwal avatar itxchandan avatar joomdevuser avatar lalitkumarjoomdev avatar nishtha003 avatar priyasingh23 avatar sudhirsingh111 avatar sumesh577 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

astroid-framework's Issues

Default SASS variables customization

Hi,

I didn't find a spot in the template settings to define the site width.

So I modified this file: templates/astroid_template_zero/scss/zero/variables_override.scss

These changes are overwritten with an update.

So either provide a simple back end area for the website size or a file location, preferably under the custom folder to be used for all the custom variables.

Of course one could create a section like this: https://getbootstrap.com/docs/3.4/customize/#less-variables

but it would be much work, maybe not much work but too confusing for an average person so a an override file would work.

JS error with tooltips

hello after update to 2.2.0 i have this error

bootstrap-tooltip-extended.min.js?3e9bdf438c969f1728a116b012bfc90e:6 Uncaught TypeError: this.init is not a function
    at new i (bootstrap-tooltip-extended.min.js?3e9bdf438c969f1728a116b012bfc90e:6)
    at HTMLAnchorElement.<anonymous> (bootstrap-tooltip-extended.min.js?3e9bdf438c969f1728a116b012bfc90e:6)
    at Function.each (jquery.min.js?3e9bdf438c969f1728a116b012bfc90e:2)
    at a.fn.init.each (jquery.min.js?3e9bdf438c969f1728a116b012bfc90e:2)
    at a.fn.init.tooltip (bootstrap-tooltip-extended.min.js?3e9bdf438c969f1728a116b012bfc90e:6)
    at initTooltips ((index):190)
    at HTMLDocument.<anonymous> ((index):190)
    at u (jquery.min.js?3e9bdf438c969f1728a116b012bfc90e:2)
    at Object.fireWith [as resolveWith] (jquery.min.js?3e9bdf438c969f1728a116b012bfc90e:2)
    at Function.ready (jquery.min.js?3e9bdf438c969f1728a116b012bfc90e:2)

if i disable astroid no error ....
could you help me ?

Social Profiles brand colour - better description

image

Once I figured out what this was for it made sense, however becasue I choose on github nothing changed and this confused me.

Could you add a small note on to this option to make it clearer that the 'style' option of 'Brand Colour' means that it will take that companys default icon colour such as the facebook icon will go blue and the spotify icon will go green.

Same for the documentation here:
https://docs.joomdev.com/article/astroid-social-profile/

The video does address this and shows you what happens.

Solve biggest problem with frameworks

The biggest problem with frameworks and the reason that I have quit using most of them is because none offer fixed sizing for the main content layout. For example
x=maincontent s1=sidebar1 s2=sidebar2
Layouts

s1, x ,s2(300px)
s1(160px), x
or simply
x, s2(300px)

Multi-lingual site

For some reason I just cannot get a second style for an alternate language to work.

I had a base template done before prepping to switch to Astroid I have found that;

Duplicating the template style, did not copy any settings.

After setting the Menu and some base settings I saw no changes to a single article page. It just displayed the article. There was no wrapper. The source html does indicate that the astroid wrapper is being rendered, it appears that the template is ignoring all the settings.

Changing the settings in the new style had no affect on the primary (english) style, or the secondary (french). The changes to the second style are not maintained after I save them.

image

Drag and drop

This will be a harder project for you. I like the drag and drop concept. But, it only works within a single column. I found it quite disappointing when I wanted to play with a layout and could not move the component module to different columns or sections. I know that this will be harder to accomplish. But, I think that it would be worth the work. The worst part about it is that you have to remember all your settings (css classes) and re enter them when you do move the component area or module area outside of a column...

Theme Colours - Hard to pick

On the Theme Colours section it is hard to pick a colour. The selected colour should be the chosen colour and the dropdown menus should all reflect the appropriate colour to make it easier.

image

The section is very naked and all the boxes look the same.

Thanks

development mode lookup incorrect call

in Astroid-Framework/astroid/astroid-template-zero/index.php , line 104 there is this line

if ($template->params->get('developemnt_mode', 0)) {

I think it is spelt wrong and should be

if ($template->params->get('development_mode', 0)) {

Language declaration error <html lang="" dir="">

Hi,

After update astroid_template_zero to version 2.1.0 the languange declaration was not loaded at html start tag. Please note the W3C validator warning:

This document appears to be written in Portuguese but the html start tag has an empty lang attribute. Consider using lang="pt" (or variant) instead.
From line 1, column 16; to line 2, column 21
html lang="" dir=""

Please let me know how to solve this issue.

Thnaks.

Wrong Template

Just installed the framework to check it out and love it. I found something odd that I dont think was intentional. Clicking on the main menu for blog with sidebar is set to use the Beez3 template. Just thought you might like to know.

Header on Side non collapsed

I was very excited to see this option. However, what I am working towards on many of my pages is a layout exactly like your admin layout for astroid framework. A dashboard style layout. If you know what I mean. example
and this example
Any suggestions?

Problem with mega menu

Hi! Please check the operation of the Mega menu, I have it incorrectly displays the child menu items

editor.css and template.css emulation for WYSIWYG styling

TinyMCE uses editor.css to style the WYSIWYG content.

Is is possible to make a editor.css and template.css file with some include rules as below to facilitate this feature:

@import "../custom/css-compiled/helium_13.css";
@import "../../../media/gantry5/engines/nucleus/css-compiled/joomla.css";
@import "../custom/css-compiled/helium-joomla_13.css";
@import "../custom/css-compiled/custom_13.css";

Some other plugins/components will uses template.css

editor css

Single Article submenu generate wrong URL

Hi,
I installed Astroid 2.2.2 yesterday but I rolled back to 2.2.1 because all of my submenus generated wrong URLs.. I know it's not that clear but let me in explain it in details:

I have a menu which is a menu header linking to a single article, which works fine.
I have multiple submenus liniking to external URL with the above menu header as parent but the link generated by these is wrong. There's 3 times the current URL + the link from the menu, ex:
https://mywebsite.com/currentpagehttps://mywebsite.com/currentpagehttps://mywebsite.com/currentpagehttps://myexternallink.com

This behavior doesn't happen on another theme nor with the 2.2.1 version of your framework.
I rollbacked to 2.2.1 for the moment but I wanted to report it to you for future updates.

I run on a dedicated linux machine running apache with URL Rewriting enabled but the problem happens even when I disable the SEO on joomla. I use the latest version of joomla too, everything is up to date and I don't use any extensions besides your framework.

External URL menu links mixed up

I created a menu item type URL that linked to an external site (e.g. http://www.google.com), but the link was consistently incorrect. I traced the problem to this file:

astroid-template-zero/frontend/header/menu/link.php

Around line 104, I think it's supposed to search for a '#' as the first character, but instead matches anything without a '#'. The strpos comparison should be $validonepagelink === 0 not == '0'. So:

if($validonepagelink == '0' && (strlen($item->link) > 1)){

Should be:

if($validonepagelink === 0 && (strlen($item->link) > 1)){

Footer Position

Hi,
if the content of the page in not enough the footer appear in the middle of the page and not at bottom of the browser window.

Is there a way to set the footer on the bottom in this case?

Thanks.

Marco

Create module position if not hard coded

It would be a good idea to be able to create module positions on the fly. Novice users will not know how to hard code module positions. I like the work flow, But, the work flow dies once all available module positions are filtered out. I was expecting to be able to type a module name and hit enter like in native Joomla backend...
Think about it...

Use local copies of assets

This is a showstopper for me :(

Using CDN version of assets assumes that you have access to the internet at all times. This is definately not the case.

The other issue caused by using these sorts of assets is that they can get blocked by such things as 'Privacy Badger' and uBlockOrigin. there probably is a privacy concern aswell.

Examples are:

  • <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" >
  • <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" />
  • <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
  • Google Fonts

Thanks

Add custom html as option for sections

For large sites, or even small sites it would be nice to have less modules. If you add the ability to place html in a section then the amount of modules would be manageable as well as template specific. I create a lot of single use copies of templates. I always add the custom html field in this manner. I think that others would enjoy this functionality as well.

ability to use font awesome pro

This might not be for everyone but for people who have font awesome pro this would be great and prevent the need for using another plugin. The pro version has many more icons in it.

  • I would like the ability to upload the font awesome pro files (files are for life, subscription is limited)
  • some people might want to use the font awesome CDN

Is it possible just to swap the font awesome font files for now?

Import Datatable Library

Hi,
i'm importing Datatables Libraries (js and css) in the custom code section, but i'm having some problem.
If i load an article that have custom code (i'm using sourcerer plugin), datatable doesn't work, but if i refresh the page (CTRL+F5), datatable works.

It seems a problem about library import.

I have seen also this problem in the browser console.

_Errore mapping di origine: request failed with status 404
URL risorsa: https://WEBSITE/templates/astroid_template_zero/js/vendor/bootstrap/popper.min.js?6877b195452a12cddf0ced2f526c9370
URL mapping di origine: popper.min.js.map[Ulteriori informazioni]

Errore mapping di origine: request failed with status 404
URL risorsa: https://WEBSITE/templates/astroid_template_zero/js/vendor/bootstrap/bootstrap.min.js?6877b195452a12cddf0ced2f526c9370
URL mapping di origine: bootstrap.bundle.min.js.map[Ulteriori informazioni]_

Can you help me?

Thanks.

Marco

[feature]Position of burger menu

Hello its possible add feature position for burger menu ?
1 top left
2 top right
3 bottom right
4 bottom left
it can be usefull
thanks

move 'clear cache' from the delete button

This is a useful feature clearing the cache with a button press but putting it on the delete button is not the best idea.

End user will use the delete button but will be surprised everytime the do the cached is cleared.

The delete button is used for text manipulation by most people.

Please can you choose another button.

Better Theming Options.

With the new Theming options in Astroid 2.2.0, room for 2 new features/enhancements is available.

  1. Ability to use the theming colors wherever color picker is used, background color, text, shadows and what no.
  2. Create theme colors (auto create), based on a single brand color.

Jonathan Shroyer contributed the code for the 2nd item above and the idea as well. If we ever release number 2 as a feature for Astroid, the credit goes to Jonanthan.
Jon's github is at: https://github.com/learncss
and website at: http://www.designinnovations.net/

ability to disable layout sections

I would like to disable sections whilst designing my layout but this is not deleting them. An end user might design a complex section but has 2 variations they want to try out.

I dont think this needs to be also done for columns, rows, elements becasue it could get messy.

Logo link option

I think that you should add a link option for the logo. For example I need this for when I have multiple sections of a site. I change the logo link so that it directs the user to the homepage of that section. A menu select dropdown should do the trick....

option to use the favicon in the root

I know you can set the favicon in the template but you cannot select the favicon in the root.

I have used the favicongenerator and this recommends to put all of the favicons in the root for your website and add the generated HTML code to the template/page html

The favicon generator also generates the most complete set of favicons:
https://realfavicongenerator.net/

  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • apple-touch-icon.png
  • browserconfig.xml
  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • mstile-150x150.png

Or as an option
You could integrate his API somehow into your Template system.
https://realfavicongenerator.net/api/

Deleting records from the database

When you delete template styles from the admin panel, they are not removed from the database. If you delete the template completely, the records in the database also remain.

Category Blog Layout on IOS and MacOS

I have a 3-column category blog with sidebar that looks great on all devices except on iPads and Macs in landscape mode. I configured the blog to show 12 articles in 3 columns but on iPads and Macs it shows 2 articles in the 1st row leaving empty space for the 3rd followed by a 2nd row with just one article.
I tried various models and browsers (Safari, Chrome, Opera) - same result. Other tablets look good, so do all tested Windows devices.

Let me know if you need a login.

Thanks for your great work.
iPad_Category_Blog_Issue

MacOS

Main Menu

Hi,
i have installed this fantastic template in Joomla 3.9.1 but i have two problem.

  1. I see the main menu in the top bar (correctly) and in module with position-7, so i see it twice. I have solved this issue by disabling the module.
  2. The main menu has also the haburger menu but this is empty and i think that is not correct that i see it.

I have attached two images for the second problem.

Thanks in advance.

First Image
schermata 2018-12-11 alle 23 48 20

Second Image
schermata 2018-12-11 alle 23 48 33

unsaved changes - warn the user

when editing the template sometimes users can exit without saving.

When you currently exit the 'template options' there is no warning to say there are unsaved changes. Can this be added?

Reason: some people might edit their whole template in one setting or completely redue the layout and then click the wrong button loosing all their work.

Asteroid as a Preload animation

In the admin aread of the template you have an asteroid icon come up while the settings are loaded:

image

Why dont you make this a 'Preloader animation' for the frontend and if this is set as a default, It will help advertise your framework.

image

Loses Typography information

I haven't yet been able to track down why this issue is occuring. I have the main font changed to "Nunito", and the rest of the categories set to "inherit". Most recently I modified the site background and the text disappeared on the main page.

When I went to the typography settings, the font-size was set to 0 and the line-height was also set to 0. I changed these back to 1em each and everything reappeared on my site.

I have experienced this a couple of different times when setting up the template. Like I say, I have not been able to pin-point exactly what is causing this issue yet.

Javascript error

Some of our customers are using template built by your framework. My component has some page open on modal popup and there is js error causes by this line:

https://github.com/joomdev/Astroid-Framework/blob/master/astroid/astroid-template-zero/component.php#L25

Usually comment out that line will address the issue. Could you please check and correct it?

The JS error message from browser console is:

Uncaught TypeError: $(...).tooltip is not a function
at HTMLDocument. (isis.js?e0b3012bae5d33dce6f06e31317d6c38:15)
at u (jquery.min.js?e0b3012bae5d33dce6f06e31317d6c38:2)
at Object.fireWith [as resolveWith] (jquery.min.js?e0b3012bae5d33dce6f06e31317d6c38:2)
at Function.ready (jquery.min.js?e0b3012bae5d33dce6f06e31317d6c38:2)
at HTMLDocument._ (jquery.min.js?e0b3012bae5d33dce6f06e31317d6c38:2)

Compliment: Cleanx

I was looking at your main site and checked out the CleanX template. It looks top notch. Looks like you did a good job on that one....
Just saying. You can delete this if you want.

Colour picker improvements

After using the colour picker I think these improvements will be a good idea

  • No Colour option - There is on obvious option to select for no-colour/transparent. The end user has to figure out to delete the content with the backspace and this will remove the colour. I would add a colour swatch with a standard icon
  • Colour picker needs to be larger - I would like the colour pciker to be made a little bit larger because it is awkward to use and the colourmap is not easy to use to pick a colour. The swatches are too small to get a feel of the colours, you sort of have to make an educated guess.
  • Colour swatches need a border around them - this is definately true for the first 3 colours which are very light so you cannot see that they are actually defined colour squares

This is a brief Example
image

Colour picker - Use Hex codes

A lot of web developers use HEX codes for designing sites and like me might find RGB codes confusing.

I know you can enter the HEX code into the rgb(0, 0, 0) input field

Some ideas

  • An option in to display HEX codes instead of RGB
  • A toggle button to change from RGB to HEX in the colour picker
  • is it possible to show both HEX and RGB at the same time?

image

Thanks

Enhancement: Possibility to omit the component section

For many of my websites, we don't have any article linked on the home page. But we either link an empty article or leave it to default (featured articles).

But this still renders the component area which most often has a border and paddings which then show up adding empty space and need removing. Even removing isn't easy because there isn't a class in the body or html tag that I can target. So I add those classes to the body tag using a custom plugin and then hide the component area.

I remember there was some framework which, when selected, wouldn't render the component area if article was empty. Either that or some classes would be nice.

Or maybe I can code it and create a pull request?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.