emdek / plasmoid-adjustable-clock Goto Github PK
View Code? Open in Web Editor NEWPlasmoid to show date and time in adjustable format
License: GNU General Public License v2.0
Plasmoid to show date and time in adjustable format
License: GNU General Public License v2.0
Hi!
I now seem to have trouble with my Vertical Clock theme. I have tried for quite a while: in a horizontal panel or on the desktop, it is no problem. But when using a vertical panel, the clock display disappears completely, and shifts everything below the clock off screen.
It looks as though this is actually caused by the fifth "div" element, it seems to be able to display only four div elements in a vertical panel.
Any ideas?
Olaf
I put multiple instances of this plasmoid on the panel to track the times in multiple cities in the world.
When creating multiple instances and set each to a different time zone, such setting in one instance may interfere with other instances.
How to reproduce:
What actually happens:
What should happen:
Possible causes:
Some data structures are shared between the two instances, but they should be instance-specific.
I'm using the beClock in 24 hours mode, and like it a lot ! However, the "AM/PM" indicator is of no use in this mode, and I think it should be removed. I tried to fix it myself by updating the source, but the only way I could find would be setting opacity to 0.0 on the ".back" class.
Any better way to do it ?
Preview:
Weather doesn't work yet in $0 (=adjustable-clock), so I added yaWP.
PM/AM is just a reference for me to remember what is what :)
Keep up the good work Michał, polish hackers rock (‾⌣‾)♉
!
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<style>
#one{ float: left; clear: both; height:50px; width: 385px; text-align: left; }
#time { float:left; font-size: 35px; }
#zone { font-size: 27px; top: 10px; left: 5px; color: #aaa; float:left; position: relative; }
#date { float:left; font-size: 27px; }
#week { float:right; font-size: 27px; color: #aaa; }
span { font-weight: bold; text-shadow: 1px 0 0 rgba(0,0,0,0.7); }
span[component=DayOfWeek] { color: yellow; text-shadow: 1px 1px 2px rgba(0,0,0,0.7); }
span[component=Hour] { color: #fff; }
span[component=Minute] { color: #cdcdcd; }
span[component=Second] { color: #adadad; }
span[component=TimeOfDay] { left: -10px; color: #adadad; position:relative; }
span[component=TimeZoneOffset] { letter-spacing: -4px; }
span[component=TimeZoneName] { letter-spacing: -1px; }
</style>
</head>
<body style="color: rgb(255, 255, 255); font: normal normal normal 12px/normal 'DejaVu Sans'; opacity: 0.85; ">
<div id="one">
<span id="time">
<span component="Hour">12</span>:<span component="Minute">30</span>:<span component="Second">15</span>
<span component="TimeOfDay">pm</span>
</span>
<span id="zone">
GMT <span component="TimeZoneOffset">+2</span>
</span><br>
<span id="date">
<span component="DayOfWeek" options="'short': true, 'text': true">Sa</span>,
<span component="DayOfMonth">01</span>.<span component="Month">01</span>.<span component="Year">2000</span>
</span>
<span id="week">
Week <span component="Week">52</span>
</span>
</div>
<script type="text/javascript">
function setupClock()
{
var opacity = Clock.getOption('textOpacity', 85);
document.body.style.color = Clock.getOption('themeTextColor', Clock.getColor('text'));
document.body.style.font = ((Clock.getOption('fontItalic', false) ? 'italic ' : '') + (Clock.getOption('fontBold', false) ? 'bold ' : '') + '12px \'' + Clock.getOption('themeFont', Clock.getFont()) + '\'');
document.body.style.opacity = ((opacity == 100) ? '1' : ('0.' + opacity));
}
document.addEventListener('ClockThemeChanged', setupClock);
</script>
</body></html>
Hi,
firstly I want tou apploud you to having this plasmoid improved so much that I believe it should become the default in KDE.
I have a minor isse, having clients in many different areas of the world and trying to find out what time they have right now is time-consuming. The tooltip that showed different timezones is gone, could you readd it?
To have the tooltip display other adjustable clock design with made to show different timezone would look great. Other than that, I can't spot any issue, really nice work!!
(Wish I could help you, really, but I'm too busy right now..)
the standard digital clock plasmoid has this ability to choose from
Hi,
thanks for creating the plasmoid, it's great!
I've forked the Theme "Progress" and noticed a bug. In order to see the progressbar animate, you've to scroll with the cursor on the plasmoid in the panel. That will switch to the next timezone and back, resulting in a manual "refresh". You can only the progressbar animate when you do that.
Here comes the second problem: This theme altough very similar, doesn't animate at all, regardless what you do. Could you please fix animations for custom themes?
<div class="clock">
<p>%h</p>
<div class="min">
<span>%m</span><br>
<progress value="15" max="59"> </progress>
</div>
<div class="details">
<span>%$w,</span>
<span class="mon">%d. %!$M</span>
</div>
</div>
*
{
font-family: 'Segoe WP'; /* change the font accordingly.*/
font-weight: bold;
color: #fff;
}
progress
{
width: 100%;
height: 10px;
border: 0;
position: relative;
bottom: 10px;
background: transparent;
opacity: 0.6;
padding: 0 4px;
margin-top:4px;
}
progress::-webkit-progress-bar
{
background: rgba(230, 230, 230, 0.2);
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
progress::-webkit-progress-value
{
background: #0f0;
border-radius: 3px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.clock
{
width: 170px;
padding: 3px;
text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
}
.clock .min {
width: 45px;
display:block;
float: left;
}
.clock .details {
width: 35px;
display:block;
float:left;
padding-left: 5px;
}
.clock .details span {
font-size: 16px;
color:#FF8000;
text-shadow: 2px 2px 8px #000;
}
.clock .details .mon {
font-size: 22px;
color:#eee;
text-shadow: 2px 2px 10px #000;
}
.clock span
{
font-size: 30px;
opacity: 0.8;
}
.clock p
{
margin: 0 5px 0 0;
text-align: right;
font-size: 50px;
opacity: 0.9;
float:left;
}
Currently, when I create a personal theme, it is stored in config/plasma-desktop-appletsrc
. The bad thing about this is, that when I accidentally delete the clock, the theme is also gone. Also, it is not possible to create more than one instance of the theme.
To avoid that, it would be nice to store the theme in an own config file.
I'm using the version 4.0 of this plasmoid in KDE 4.10.2 (Archlinux). I've added a clock to my desktop with a different timezone. When you create the plasmoid the time is displayed correctly in the timezone specified, but when you restart the computer, the clock shows the local time again.
If you open the plasmoid settings and press "OK" (without changing anything), the clock shows again the time in the correct timezone
With KDE 4.8.0 and Adjustable Clock 3.0 on Funtoo Linux, Plasma Desktop crashes whenever I change time display format in the settings of the applet. The only time it does not crash seems to be when format is changed graphically and it does not span to the second line or further.
The same issue was present with all of the previous releases of Adjustable Clock that I've used before. Configured by editing the rc file directly the applet displays time just fine.
How am I supposed to debug this?
I was looking for a clock that displays unix time, couldn't find any but read in a forum that the "adjustable clock" would. I installed it, browsed the themes and none had unix time. I went on 'create theme' > 'QML', a popup was displayed. I selected "unix timestamp" > "insert"; "week" > "insert". Some things were added to the QML source code, I have no idea if it was right or not since I never played with QML before. When I tried to save it, it crashed. It opened a "bug report" window, which I went to the last stage, but it was saying it couldn't get the stack trace and there weren't enough information for developers to do something (which was obvious to me too, but I went to the end of the process anyway).
Now, I can display the widget normally (with the default theme it came with), but I can't modify anything. If I go on "settings", it displays the popup. However, if I simply scroll down in the list of themes, KDE crashes again, no "bug report" window. I'm not sure I'm being clear on what crashes, as I'm not familiar with crashes here. All my windows remain intact, but the taskbar disappears and reappears after a few seconds without the widget. I have the feeling that my theme was saved and its existence is what is causing these crashes. If anyone can tell me where to find the QML files, I could post it here for a dev to try to reproduce on their own; and also for me to fix my situation, editing the file directly. Also, if someone can point me to some documentation as to how create themes, I'd appreciate. TIA
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.