Дизайн сцен 2

[gnom537]

Уважаемый Vovix , а кодом не поделитесь? хотелось бы попробовать у себя пошаманить. заранее спасибо.
п.с. желательно с комментариями, для ну совсем не программиста, что куда положить.

[nick7zmail]

Очень даже неплохо) ждем код или экспорт)

[Vovix]

спасибо за оценку! Код выложу, вот доделаю и выложу.... там у меня некоторые элементы с абсолютными адресами, логинами и паролями, т.к.страница, то больше всего сделана для внутреннего терминала!

И по ходу творчества, у меня появились идеи, некоторые из которых я реализовал :
Например, на каждой сцене у меня есть элемент general_CSS (only CSS) с размером 0х0, но который содержит только "Дополнительный код CSS" для всей Сцены (для всех элементов в одном месте)!
Тестирую такой вариант на удобство обслуживания и мне пока очень нравиться!

Кроме того сцены у меня получились, по настройке стилей, очень привязаны к ручной настройке, при импорте придется открывать элемент general_CSS (only CSS) и править под себя вручную все Классы .element_ID

P.S.
И вот gif-ка с экрана:

vovix2.gif (816.59 КБ) 18051 просмотр

[eygen]

Красота!!!

[rtroyakov]

Господа,ночи доброй.Поможите чем можите .... У кого МегаД с сайта www.ab-log.ru..... Ситуация такова:никак не победю вывод температуры и влажности в информере на сцене мажордомо,точнее,вывести-то вывел,всё показывает,хорошо,а вот обновлялку значения никак не могу настроить.На каких условиях вывести отображение значений,как настроить элемент в сцене,интерфейсе,чтоб отображались корректные данные,обновлялись на сцене значения температуры и влажности?!

[Vovix]

Доброй ночи!
Сделал я тут одну задумку - а именно "Список дел (задач)" to do в общем!
сделал в виде сцены из моего ряда, хочу выложить сюда на суд (не пинайте сильно только).
вдруг кому пригодиться... хотя бы для самообразования...

Есть особенности установки:
1) Необходимо сделать класс, например: ToDo
2) Необходимо сделать в этом классе свойство: StreamingCode
3) Создать объект в этом классе: TodoList
4) Установить(импортировать) в удобное для вас место вашей сцены или в новую сцену файл с элементом сцены (приложен в конце с расширением .elements внутри архива)
5) Создать сценарий (скрипт) с именем todo_view и кодом:

СпойлерПоказать

Код: Выделить всё

$file = file("./texts/todo.txt");
$bc = 20;

$str_cod = '<div id="list">
               <form class="new">
                  <input id="newtask" placeholder="New Item (max 8)" type="text">
                  <button class="fa fa-plus" onClick="btnRunClicked();"></button>
               </form><!-- modified -->
               <div class="list">';

    for($i = 1; (($i < sizeof($file))&&($i < 9)); $i++) {
             // преобразуем строку в массив
             $arr1 = str_split($file[$i]);
             // выделим и сохраним первый символ
             $check = $arr1[0];
             // удалим первый символ из строки
             unset($arr1[0]);
             // преобразуем массив обратно в строку
               $task = implode('', $arr1);
             // начинаем формировать код
     $str_cod = $str_cod.'

               <div class="item" style ="background: rgba(223,'.($bc+$i*14).',31,0.9);">
               <input id="task_'.$i.'" type="text" value="'.$task.'"';
             // если певый символ "+" то значит задание "выполнено"
             if ($check == '+') {
                 $str_cod = $str_cod.' class="checked"';
             }
     
              $str_cod = $str_cod.'>
               <div class="rightblock">
                 <button id="check_'.$i.'" class="check fa fa-check" onClick="checkClicked('.$i.');"></button>
                 <button id="delete_'.$i.'" class="delete fa fa-times" onClick="deleteClicked('.$i.');"></button>
               </div>
            </div>';
    }
$str_cod = $str_cod.'
   </div>
</div>';

// записываем получившийся код

sg('TodoList.StreamingCode',$str_cod);
 

6) Создать сценарий (скрипт) с именем todo_new и кодом:

СпойлерПоказать

Код: Выделить всё

$file = file("./texts/todo.txt");
// если больше чем 1 строка то нужны перевод строки и ввод
// $z = (count($file) > 1) ? "\r\n" : "";
$z = "\r\n";
$fp = fopen("./texts/todo.txt", "a"); // Открываем файл в режиме записи 

$mytask = "-".$params['task'].$z; // строка задачи
$test = fwrite($fp, $mytask); // Запись в файл

if ($test) echo 'Данные в файл ToDo успешно занесены.';
else echo 'Ошибка при записи в файл ToDo.';

fclose($fp); //Закрытие файла

// выполним подготовку для отображения
rs ('todo_view');
 

7) Создать сценарий (скрипт) с именем todo_check и кодом:

СпойлерПоказать

Код: Выделить всё

$file = file("./texts/todo.txt");

if (isset($params['task'])) {
    $ct = $params['task'];

    for($i = 0; ($i < sizeof($file)); $i++) {
             // преобразуем строку в массив
             $arr1 = str_split($file[$i]);
             // выделим и сохраним первый символ
             $check = $arr1[0];
         // если совпадает номер строки 
         if ($i == $ct) {
              // инвентируем check
              $check = ($check == '+') ? '-' : '+';
            $arr1[0] = $check;
         }
             // преобразуем массив обратно в строку
             $file[$i] = implode('', $arr1);
         
    }
$fp = fopen("./texts/todo.txt", "w");
fputs($fp, implode('', $file));
fclose($fp);
 
}
// выполним подготовку для отображения
rs ('todo_view');
 

8) Создать сценарий (скрипт) с именем todo_delete и кодом:

СпойлерПоказать

Код: Выделить всё

$dt = $params['task']; // получаем номер строки на удаление
$file = file("./texts/todo.txt"); // Считываем весь файл в массив 

for($i = 0; $i < sizeof($file); $i++)
if($i == $dt) unset($file[$i]); 

$fp = fopen("./texts/todo.txt", "w");
fputs($fp, implode("", $file));
fclose($fp);

// выполним подготовку для отображения
rs ('todo_view'); 

9) Следует создать в Админ панели в пункте "Текстовые файлы" текстовый файл - с названием todo, можно пока пустой (лучше пока пустой), просто первое созданное задание будет не доступно, там можно написать, что угодно!
Т.е. все задачи будут храниться отдельными строками этого файла и с ними удобно работать стандартными средствами админ-панели!

В итоге у вас должно получиться примерно это:

to do1.jpg (85.96 КБ) 17866 просмотров

[Vovix]

мне просто делать нечего было несколько ночей.... вот я и фигнёй страдал!
следующим этапом пойду изучать устройство модулей, на примере!

правда у модуля есть один минус, невозможность корректировать его тело стандартными средствами MDM!(мне так кажется)

А и еще: я долго это не тестировал еще...

[Aleks130699]

мне просто делать нечего было несколько ночей.... вот я и фигнёй страдал!
следующим этапом пойду изучать устройство модулей, на примере!

правда у модуля есть один минус, невозможность корректировать его тело стандартными средствами MDM!(мне так кажется)

А и еще: я долго это не тестировал еще...

А когда вы выложите код сцены которая в этой теме? или если она уже где то есть,то дайте пожалуйста ссылочку.

[nick7zmail]

правда у модуля есть один минус, невозможность корректировать его тело стандартными средствами MDM!(мне так кажется)

Что имеется ввиду под телом? Если сам исполнительный код - то его конечно нельзя корректировать. На то он и модуль). Но у модуля в настройках можно сделать условия в зависимости от которых он будет выполнять/не выполнять куски основного кода.
А если имелось ввиду конечное оформление - то его лучше закинуть в отдельный css, и там пользователям на откуп в templates_alt. Пусть делают что хотят)) Недавно как раз разбирался в теме модулей.

[Vovix]

..... Недавно как раз разбирался в теме модулей.

Да я просто пока не разобрался (не разбирался) вот и "отмазываюсь"!

Ну а пока разве плохо получилось? Работает ведь!

Фича для Алисы - путем запуска нужного скрипта из моей четверки, можно управлять списком задач в любой момент, например, если нужно добавить задачу в лист to do, то достаточно вызвать скрипт "todo_new" с параметром - текстом задачи и задача будет добавлена. Аналогично с отметкой о выполнении и удалением (только там параметр = номеру строки задачи)!