[PLUGIN] Twocents_XH

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
cmb
Posts: 13243
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: [PLUGIN] Twocents_XH

Post by cmb » Wed Mar 08, 2017 3:06 pm

frase wrote:Das sollte den Loader in die Mitte setzen und insgesamt eine Fläche mit 10% Schwarz drüberlegen.
Hm, ich fürchte das haut nicht hin, wenn viele Kommentare auf einer Seite sind. Dann ist die Mitte des Bereichs unter Umständen gar nicht im Viewport.
frase wrote:Kann man die Ausführung in der Console irgendwie bremsen?
Bei Chrome kann man die Netzwerkgeschwindigkeit drosseln (throttling); das tut's im Zweifel. Weiß nicht, ob das Firefox eingebaut ist, oder ob man ein Plugin braucht.

Alternativ kannst Du aber auch in index.php (oder sonstwo, z.B. userfuncs.php) ein sleep() reinpacken; dann schläft PHP für soundsoviele Sekunden:

Code: Select all

sleep(10); // warte 10 Sekunden  
frase wrote:Du hast einen schwarzen drehenden Punkt. Bei schwarzhintergründigen Templates sieht man den nicht.
Entweder machst du zwei Varianten (dark & light - hahaha) oder du nimmst ein GIF mit hellen UND dunklen Anteilen.
Oh, guter Punkt! Vielleicht sollte ich doch das GIF wieder wegnehmen. Die Opacity lässt die Verarbeitung ja auch erahnen. Oder vielleicht ein fix positioniertes GIF?
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 2848
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: [PLUGIN] Twocents_XH

Post by frase » Wed Mar 08, 2017 3:13 pm

cmb wrote:Hm, ich fürchte das haut nicht hin, wenn viele Kommentare auf einer Seite sind. Dann ist die Mitte des Bereichs unter Umständen gar nicht im Viewport.
Das hatte ich nicht bedacht.

Code: Select all

background: transparent url(./ajax-loader.gif) no-repeat center 100px;
... hilft da wohl auch nicht weiter? (zentriert, 100px von oben)

Im Grunde hast du Recht, dass keines nötig ist. Erstens geht es schnell (es passiert ja nicht allzuviel) und zweitens macht's auch die Opacity.

cmb
Posts: 13243
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: [PLUGIN] Twocents_XH

Post by cmb » Wed Mar 08, 2017 4:03 pm

frase wrote:Im Grunde hast du Recht, dass keines nötig ist. Erstens geht es schnell (es passiert ja nicht allzuviel) und zweitens macht's auch die Opacity.
Idealerweise sollte es schnell gehen – aber ein Server kann auch immer mal hängen, und dann ist visuelles Feedback hilfreich, obgleich man weiter arbeiten könnte (z.B. funktioniert ein schneller Doppelklick auf "Verstecken" wie gewünscht). Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.
Christoph M. Becker – Plugins for CMSimple_XH

lck
Posts: 1664
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: [PLUGIN] Twocents_XH

Post by lck » Thu Mar 09, 2017 2:51 pm

cmb wrote:Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.
Alternative - Text-Loader:

Code: Select all

/* .twocents_loading {
    opacity: 0.3;
    filter: alpha(opacity=30);
    background-image: url("./ajax-loader.gif");
} */
.twocents_loading:before {
  -webkit-animation: elastic 7s ease infinite;
  animation: elastic 7s ease infinite;
  background-color: rgba(198, 40, 40, 0.8);
  color: white;
  content: "LOADING";
  font-family: Verdana, sans-serif;
  font-size: 2em;
  padding: 1em 4em;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@keyframes elastic {
  0% {
    letter-spacing: 0;
    text-shadow: 0 0 1px white;
  }
  30% {
    color: transparent;
  }
  50% {
    letter-spacing: 100px;
    font-size: 0;
    text-shadow: 0 0 6px white;
  }
  60% {
    color: transparent;
  }
  100% {
    letter-spacing: 0;
    text-shadow: 0 0 1px white;
  }
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

frase
Posts: 2848
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: [PLUGIN] Twocents_XH

Post by frase » Thu Mar 09, 2017 3:12 pm

lck wrote:Alternative - Text-Loader:
Schön.
Aber gleiches Problem wie vorher.
Falls sehr viele Kommentare vorhanden sind, könnte die (mittige) Position außerhalb des Viewports liegen.

Aaaaahhhh, nein. Seitenmittig. Gut!

cmb
Posts: 13243
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: [PLUGIN] Twocents_XH

Post by cmb » Thu Mar 09, 2017 3:58 pm

lck wrote:
cmb wrote:Ich werde wohl mal eine fix positionierte Loaderbar ausprobieren – ansonsten belasse ich es bei der Opacity. Wer will, kann da ja noch immer kreativ werden.
Alternative - Text-Loader:
[…]
Wow, sehr schick! Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten). Natürlich mit entsprechender Attributierung. Für alte IEs würde ich den opacity-filter allerdings noch dazu nehmen. Und ein bisschen stört mich, dass der Text nicht internationalisiert werden kann – vielleicht sollte man doch mal ernstlich über https://cmsimpleforum.com/viewtopic.php ... 398#p58398 nachdenken.
Christoph M. Becker – Plugins for CMSimple_XH

lck
Posts: 1664
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: [PLUGIN] Twocents_XH

Post by lck » Thu Mar 09, 2017 8:53 pm

cmb wrote:Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten).
Gerne, mach damit was du willst. Die animation und damit die keyframes könntest du auch weglassen, die ist ja eh nur sichtbar, wenn man sehr lange warten muss oder es ein Problem gibt.
Den Text könnte man evtl. auch noch durch einen CSS-Spinner ersetzen, dann wäre dem Thema Internationalisierung genüge getan :)
cmb wrote:Bei Chrome kann man die Netzwerkgeschwindigkeit drosseln (throttling)
Praktisch, danke für den Tipp.
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

cmb
Posts: 13243
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: [PLUGIN] Twocents_XH

Post by cmb » Thu Mar 09, 2017 11:18 pm

lck wrote:
cmb wrote:Wenn Du nichts dagegen hast, dann packe ich das gerne ins Default-Stylesheet (auch wenn ich eigentlich versuche, Plugin-Stylesheets sehr einfach zu halten).
Gerne, mach damit was du willst.
Danke! :)
lck wrote:Den Text könnte man evtl. auch noch durch einen CSS-Spinner ersetzen, dann wäre dem Thema Internationalisierung genüge getan :)
Danke für das Stichwort! Eine wirklich interessante Alternative zu animierten GIFs, die ich noch gar nicht wirklich kannte. Hat halt den großen Vorteil, dass man z.B. die Farbe(n) leicht anpassen kann.
frase wrote:Kann es aber nicht testen, weil es alles zu schnell geht.
Kann man die Ausführung in der Console irgendwie bremsen?
Wie ich heute festgestellt habe, ist das in diesem Fall eigentlich die falsche Frage. Man muss hier eigentlich gar nichts Ausführen, sondern einfach <div class="twocents_container"> zu <div class="twocents_container twocents_loading"> ändern. :)
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 2848
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: [PLUGIN] Twocents_XH

Post by frase » Fri Mar 10, 2017 8:13 am

cmb wrote:Man muss hier eigentlich gar nichts Ausführen, sondern einfach <div class="twocents_container"> zu <div class="twocents_container twocents_loading"> ändern.
Tja, manchmal ist es doch ganz einfach ...
So kann man ein Dauer-Loading sehen ;-)

wbs
Posts: 122
Joined: Sun Apr 02, 2017 8:05 am

Re: [PLUGIN] Twocents_XH

Post by wbs » Tue Apr 04, 2017 11:13 am

Ich möchte twocents als gbook-Ersatz verwenden. Ist die gbook-Importfunktion schwer zu realisieren, oder gibt es da eine bessere Alternative als twocents?

Post Reply